/******************************************
***          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;}
	
	.row-fluid .span4d8{width:35.89745%;}
	.row-fluid .no-first-child{ margin-left:2.5641% !important;}
	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;}
}

/*----------------------------------------------------------------------
    Normal(>980) && Tablet landscape (1024x768) 
----------------------------------------------------------------------*/
@media (min-width: 980px) and (max-width: 1199px){
	#content_main .row-fluid [class*="span"]:first-child{min-height: 0;}
	
	.lst_category .lst_item h3 a{ padding:10px 0;}	.basic_style1 .bsn-wrap .post{
			height:215px;
		}
	#yt_footer div.module div.module-content:after{
		left:0px;
		width:100%;
	}
	div.panel-infor{ width:60%;}
	div.panel-form{ width:40%;}
	
	/*--main menu--*/
	ul.navi li.level1{ margin:0 7px; padding:0px;}
	
	ul.navi div.level1.separator, ul.navi a.level1{ padding:6px 5px;}
	
	ul.navi div.separator.level1 span.menu-title, 
	ul.navi a.level1 span.menu-title{ padding:6px 2px;}
	
	ul.navi li.level1.active div.separator.level1, 
	ul.navi li.level1.active a.level1,
	ul.navi li.level1:hover div.separator.level1,
	ul.navi li.level1:hover a.level1{ padding:12px 5px;}
	
	/*--menu lotte--*/
	.basic_style1 .post .post-inner a.more{	padding:5px 10px;}
	
	/*--custom html--*/
	.lst_category .lst_item .item-img a.view{ margin-top:37%;}

	
}

@media (min-width: 980px) and (max-width: 1024px) {
	#content_main .row-fluid [class*="span"]:first-child{min-height: 0;}

	div.module.online h3.title{ margin:0 30px;}
	
	ul.yt-login-regis{float:left;}

	/* ---- SJ tools   -------- */
	ul.navi li.level1{ margin:0 7px; padding:0px;}
	
	ul.navi div.level1.separator, ul.navi a.level1{ padding:6px 5px;}
	
	ul.navi div.separator.level1 span.menu-title, 
	ul.navi a.level1 span.menu-title{ padding:6px 2px;}
	
	ul.navi li.level1.active div.separator.level1, 
	ul.navi li.level1.active a.level1,
	ul.navi li.level1:hover div.separator.level1,
	ul.navi li.level1:hover a.level1{ padding:12px 5px;}
	
	/* ---  Override Module   --- */
	.lst_category .lst_item h3 a{ padding:10px 0;}
	
	.basic_style1 .bsn-wrap .post{ height:210px;}
	#yt_footer div.module div.module-content:after{ left:0px; width:100%;}
	
	.lst_category .lst_item .item-img a.view{ margin-top:36%;}

	
	.basic_style1 .post .post-inner a.more{	padding:5px 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 */}
	#content_main .row-fluid [class*="span"]:first-child{min-height: 0;}
	
	#content_right > div > div > div{ width:31.6%; float:left;  margin-left:2.5641%;}
	.layout-lmr #content_right .row-fluid > div > div{
		float:left;
		margin-left:2.5641%;
	}
	#content_right .row-fluid > div > div:first-child{ margin-left:0px;}
	/*---rtl--*/
	.rtl #content_right > div > div > div{ 
		float:right;  
		margin-right:2.5641%; 
		margin-left:0px;
	}
	.rtl #content_right .row-fluid > div > div:first-child{ margin-right:0px;}
	.rtl .layout-lmr #content_right .row-fluid > div > div{
		float:right;
		margin-right:2.5641%;	
		margin-left:0px;	
	}	
	.rtl .layout-lmr #content_right .row-fluid > div > div:first-child{
		margin-right:0px;
	}
	
	/*---layoyt-mainright--*/
	.layout-mr #content_right .row-fluid > div > div{
		width:100%;
		margin-left:0px;
	}
	.rtl .layout-mr #content_right .row-fluid > div > div{ 
		margin-right:0px; 
		margin-left:0px;
	}
	
	/*---layoyt-leftrightmain--*/
	.layout-lrm #content_right .row-fluid > div > div{
		width:100%;
		margin-left:0px;
	}
	.rtl .layout-lrm #content_right .row-fluid > div > div{ margin-right:0px; margin-left:0px;}
	
	
	/* ----  Base Joomla ------- */
	input, textarea, .uneditable-input{width:250px; max-width:70%;}
	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;}
	
	#yt_menuwrap .yt-main{ background:none;}
	ul.navi{display: none;}
	#yt-mobilemenu{width:100%;display: block;margin: 5px 0 25px;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.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.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;}	
	/*--- Slide show---*/
	.slideshow.theme2 .pag-list .pag-prev, .slideshow .pag-list .pag-next{ top:30.1%;}
	.slideshow .sl-item .sl-item-content{ padding:10px;}
	.slideshow.theme2 .sl-item .sl-item-content .sl-item-title a{ font-size:170%;}
	/* ---  Override Module   --- */
	/* Module Html*/
	.lst_category .lst_item{ width:49.5%; margin:10px 0;}
	.lst_category .lst_item .item-img{ width:80%;}
	
	
	#yt_footer div.module div.module-content:after{ left:0px; width:100%;}
	
	/* SJ Basic news*/
		
	.basic_style1 .bsn-wrap .post{ width:32.5%;}
	.basic_style1 .bsn-wrap .post{ height:250px;}
	.basic_style1 .bsn-wrap .last-item{  display:none;}
	
	div.module.online h3.title{ margin:0 30px;}
	.call > div span{}
	
	div.panel-infor{ width:100%;}
	div.panel-form{ width:100%;}
	#contact-form dd textarea{ width:90%; max-width:100%;}
	
	/* 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 0px;}
}

/*----------------------------------------------------------------------
   Small tablet portrait (600x800) & Mobile landscape (480x320)
----------------------------------------------------------------------*/
@media (max-width: 767px){
	body#bd {padding:0;}
	.container {margin:0 auto;padding:0 15px;}
	#yt_slideshow .container{ padding:0px;}
	div.row-fluid [class*="span"] {width: 100%;margin: 0;}
	#content_main .row-fluid [class*="span"]:first-child{min-height: 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:72%;
		max-width:250px;
	}
	.search .button{ padding:5px 10px;}
	
	div.itemCommentsForm form input.inputbox{
		width:80%;
		max-width:250px;
	}
	div.itemCommentsForm form textarea.inputbox{
		width:90%;
		max-width:400px;
	}
	
	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;}
		
		#yt_menuwrap .yt-main{ background:none;}
		ul.navi{display: none;}
			#yt-mobilemenu{width:100%;display: block;margin: 0px 0 30px;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; margin:0px;}
	#top1,#top2{vertical-align: top;}
	#yt_header div.module div.module-content{ padding:15px 10px;}
	.open, .call{ margin-top:0px;}
	#yt_menuposition{clear: both;}
	
	form#login-form{text-align: right;}
		
	#yt_footer div.module div.module-content:after{ left:0px; width:100%;}	 
	#position-10,#position-11, #position-12{ height:auto !important;}
	
	/*---- 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;}
	
	/*---contact us---*/
	div.panel-infor{ width:100%;}
	div.panel-form{ width:100%;}
	#contact-form dd textarea{ width:90%; max-width:100%;}
	
	/* ---  Overide Module   --- */
	ul.social-top{ margin:0 0 10px 0;}
	
	.lst_category .lst_item{ width:49.5%; margin:10px 0;}
	.lst_category .lst_item .item-img{ width:80%; }
	.lst_category .lst_item .item-img a.view{ margin-top:38%;}
	
	.basic_style1 .bsn-wrap .post{height:300px;}
	.basic_style1 .bsn-wrap .post{ width:49.5%;}
	.basic_style1 .bsn-wrap .post .post-inner{ width:90%; margin:0 5%;}
	.basic_style1 .bsn-wrap .bsn-image,
	.basic_style1 .bsn-wrap .bsn-image a.alignleft{ display:block;}
	.basic_style1 .bsn-wrap .post .post-inner .inner-hover{ display:block;}
	.basic_style1 .bsn-wrap .post .post-inner a.more{ left:28%;}
	.rtl .basic_style1 .bsn-wrap .post .post-inner a.more{ right:28%; left:auto;}
	.item-page .lst_category .lst_item{ width:100%;}
	.item-page .about-lst .title{ margin-left:5px; padding:0px 0px 0 145px;}
	
	div.theme1 .bsn-image{ /*width:90%;*/ margin:0 10px 10px 0;}
	
	
	/*--Module tab--*/
	div.moduletabs .shadown:before{ left:0%; right:auto;}
	div.moduletabs .shadown:after{ right:0%; left:auto;}
	/*---slide show---*/
	#yt_slideshow .container{ padding:0px;}
	
	.slideshow.theme2 .pag-list .pag-prev, .slideshow .pag-list .pag-next{ 
		top:28%; display:none;
	}
	.slideshow .sl-item .sl-item-content{ padding:10px; }
	.slideshow.theme2 .pag-list .pag-item.sel:after{ /*background:none;*/}
	.slideshow.theme2 .sl-item.active .sl-item-info{ left:20%; width:60%;}
	
	.rtl .slideshow.theme2 .sl-item.active .sl-item-info{ right:20%; left:auto;}
	
	.call, .rtl .call{ text-align:center; }
	
	
	/* 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;}
	
	/*--rtl-*/
	.rtl div.theme1 .bsn-image{ /*width:90%;*/ margin:0 0px 10px 10px; float:none;}
	.rtl div.theme1 .post a.readmore .more-open:before{ margin-right:5px;}
	
	.rtl #yt_footer div.categories ul.menu li{ background-position:98% -78px;}
}

/*----------------------------------------------------------------------*/
@media (max-width: 479px){
	/* ---  Overide Module   --- */
	
	#yt_logoposition h1{ margin:0px;}
	
	.lst_category .lst_item{ width:100%; margin:10px 0;}
	.lst_category .lst_item .item-img{ width:90%;}
	.lst_category .lst_item .item-img a.view{ margin-top:39%;}

	.basic_style1 .bsn-wrap .post .post-inner{ width:90%;}
	.basic_style1 .bsn-wrap .post .post-inner a.more{  left:30%;}
	.rtl .basic_style1 .bsn-wrap .post .post-inner a.more{  left:auto; right:30%;}
	.basic_style1 .bsn-wrap .post{width:100%; height:310px;}
	
	.item-page .about-lst .title{ 
		background:none;
		color:#3c2a1e; 
		margin:20px 0; padding:0px; 
		text-align:center;
		font-size:200%;
		font-weight:100;
		min-height:auto;
	}
	.item-page .lst_category{ margin-top:20px;}
	
	div.img-intro-left{float: none;}
	
	div.moduletabs.top-position div.tabs-container{ height:33px;}
	div.moduletabs.top-position div.tabs-container ul.tabs{ height:31px;}
	div.moduletabs div.tabs-container ul.tabs li .tab{ 
		font-size:150%; padding:5px !important; font-weight:100;}
	div.moduletabs div.tabs-content{ padding-top:5px;}
	div.moduletabs .shadown:before, div.moduletabs .shadown:after{ 
		left:0%; right:auto;
		 -webkit-transform:rotate(-4deg);
	   -moz-transform:rotate(-4deg);
	   -o-transform:rotate(-4deg);
	   transform:rotate(-4deg);
		}
	div.moduletabs .shadown:after{
		right:0%; left:auto;
		 -webkit-transform:rotate(4deg);
	   -moz-transform:rotate(4deg);
	   -o-transform:rotate(4deg);
	   transform:rotate(4deg);
	}
	
	div.theme1 .post{ width:49%; }
	div.theme1 .bsn-image,
	.rtl div.theme1 .bsn-image{ float:none;}
	
	/*---- 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;}
	.article-info ul.actions{ float:none;}*/
	#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.theme2 .pag-list .pag-prev, 
	.slideshow .pag-list .pag-next{display:none;}
	.slideshow.theme2 .pag-list .pag-item.sel:after{ background:none;}
	.slideshow.theme2 .sl-item.active .sl-item-info{ display:none;}
	
	.rtl .slideshow.theme2 .sl-item.active .sl-item-info{/* right:20%; left:auto;*/}
	/*.slideshow.theme2 .sl-item .sl-item-info{
		left:5% !important;;
		width:90% !important;
	}
	.rtl .slideshow.theme2 .sl-item.active .sl-item-info{ 
		right:5% !important; 
		left:auto !important; 
		width:90% !important;
	}*/
	
	
	
	div.about_us div.module-content{ 
		padding:235px 10px 0;
		background-position:top left;
	}
	#yt_footer div.about_us div.module-content{ 
		min-height:auto; 
		padding-bottom:10px;
		padding-left:20px;
	}
	#yt_footer div.categories ul.menu{ float:none;}
	#yt_footer div.categories ul.first,
	#yt_footer div.categories ul.menu{ width:100%;}
	#yt_footer div.map div.module-content{ min-height:inherit;}
		
	ul.yt-login-regis li{padding:0 4px;}
	ul.yt-login-regis li.yt-login{ margin-left:0px;}
	div.panel-form{ width:100%;}
	
	/*---contact us---*/
	div.contact > div.panel-infor .inner-infor .address-contactinfo{
		position:relative;
		color:#3D2B1F;
	}
	div.contact .address-contactinfo a{ color:#3D2B1F;}
	.address-contactinfo{ }
	div.contact-address,
	div.contact-contactinfo,
	div.contact-contactinfo > .cont-email, 
	div.contact-contactinfo > .cont-mobile{ width:100%;}
	.contact-form dl{ padding-left:20px;}
	.address-contactinfo .jicons-text:before{
		background-image:url("http://demo.smartaddons.com/templates/joomla25/sj-lotte/templates/sj_lotte25/images/icons/icon_contact2.png");
		bottom:3px;
	}
	div.contact-contactinfo > .cont-email, 
	div.contact-contactinfo > .cont-mobile{ min-height:auto;}
	div.contact > div.panel-form{ margin-top:30px;}
	
	div.contact-address .jicons-text, 
	div.contact-contactinfo .jicons-text, 
	div.contact-address > address, 
	div.contact-contactinfo .contact-mobile, 
	div.contact-contactinfo .contact-emailto,
	.rtl div.contact-address .jicons-text, 
	.rtl div.contact-contactinfo .jicons-text, 
	.rtl div.contact-address > address, 
	.rtl div.contact-contactinfo .contact-mobile, 
	.rtl div.contact-contactinfo .contact-emailto{
		display:block;
	}
	#contact-form legend{ max-width:280px;}
	.rtl .contact-form dl{ padding-left:0px; padding-right:20px;}
	/*---list k2---*/
	div.tagItemImageBlock, 
	.rtl div.tagItemImageBlock,
	div.catItemImageBlock,
	.rtl div.catItemImageBlock,
	div.latestItemImageBlock, 
	.rtl div.latestItemImageBlock
	div.userItemImageBlock,
	.rtl div.userItemImageBlock{ float:none;}
	
	div.tagItemBody{ padding:0 0 12px;}
	.rtl .form-horizontal .control-label{ float:none;}
}

/*----------------------------------------------------------------------
   Small Mobile  (480x320)
----------------------------------------------------------------------*/
@media (max-width: 320px){	
	.container{ padding:0 6px;}

	#yt_menuwrap .yt-main{ background:none;}
	
	.basic_style1 .bsn-wrap .post{width:100%; height:300px;}
	.slideshow.theme2 .pag-list .pag-prev, 
	.slideshow .pag-list .pag-next,
	.slideshow.theme2 .sl-item .sl-item-info,
	.slideshow.theme2 .pag-list .pag-item.sel:after{display:none;}
	
	
}