/******************************************
***          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;min-height: 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;}
  [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: 1180px;}
  
  .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 */}
	
	.container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {width: 1180px;}
	
}
/* 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;}
	
	#yt_logoposition h1.logo a img{ /*width:100%;*/}	
	ul.navi li.level1 .item-link, div.main_menu ul.nav li{ padding:10px 5px;}
	div.main_menu ul.nav{ margin-left:20px;}
	
	.module h3.title, .module_menu h3.title{ line-height:30px;}
	
	/*--login--*/
	div.modal.fade.in{ top:50%;}
	
	.banneritem .banner1{ width:70%;}
	.banneritem img{ min-height:90px;}
	.banneritem .banner2{ width:30%; }
	
	div.promotion1 .yt-virtuemart .yt-vm-content .vm-content-inner .vm-item .yt-main-content .yt-item-image{
		margin-top:10px;
	}
	div.promotion2 .yt-virtuemart .yt-vm-content .vm-content-inner .vm-item .yt-main-content .yt-item-title a{ font-size:78% !important; }
		
	#yt_spotlight3 .module h3.title{ font-size:150%;}
	ul.social li a{ width:31px;}
	ul.horizontal li{ width:30%;}
	ul.horizontal li img{ width:100%;}
	
	.archive select { margin:2px 0;}
	
	/*--comp VM--*/
	.browse-view div.row .product.span6 .spacer .image-product{
		float:none;
		margin:0 0 15px;
		border:none;
	}
	.browse-view div.row > .product.span6{ text-align:center;}
	
	/*#yt_relate div.nav_button > div{ top:55px;}*/
	#com-form-login input[type="text"],
	#com-form-login input[type="password"]{ width:90%;}
	
	#yt_relate div.nav_button > div{ top:100px;}
	
	/*--comp Contact--*/
	div.contact_address, .panel-form, .contact-miscinfo{ margin-left:20px;}
	.rtl div.contact_address, 
	.rtl .panel-form, 
	.rtl .contact-miscinfo{ margin-left:0px; margin-right:20px;}
}

@media (min-width: 980px) and (max-width: 1024px) {

	
}


/* Tablet portrait (768x1024) && Small tablet landscape (800x600) */
@media (min-width: 768px) and (max-width: 979px) {
	
	/* ----  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 li.level1 .item-link{padding: 12px;}
	ul.navi div.separator.level1 span.menu-title, ul.navi a.level1 span.menu-title{}
	div.filter-search select{width:31%;}
	
	/*--login--*/
	div.modal.fade.in{ top:50%;}
	#mod-login input{ width:70%;}
	p#form_login_remember input[type="checkbox"]{
		width:auto;
	}
	/* Menu */
	#yt_mainmenu_res,
	#yt-mobilemenu{
		display: block;
		margin-top: 70px;
	}
	#position-0 ul.menu,
	ul.navi{
		display: none;
	}
	/* -Custom SJ Module  ----*/
	.slideshowres.theme2 .pag-list .pag-prev,
	.slideshowres.theme2 .pag-list .pag-next{ top:-340%;}
	.slideshowres .sl-wrap .sl-item .sl-item-info{ }
	.slideshowres.theme2 .conner-tr{ top:38%;}
	
	div.promotion1 .yt-virtuemart .yt-vm-content .vm-content-inner .vm-item .yt-main-content .yt-item-image{
		margin-top:35px;
	}

	div.sales1 .yt-item-read-cart .yt-item-readmore a.read_more{ margin:0px;}
	
	div.features .yt-virtuemart .yt-vm-content .vm-content-inner .vm-item{
		width:50% !important;
	}
	div.features .vm-row .vm-item .yt-item-image img{ width:100%; height:auto;}
	
	/* -Custom Component contet ----*/
	ul.actions{display: none;}
	
	.banneritem .banner1{ width:70%;}
	.banneritem img{ min-height:90px;}
	.banneritem .banner2{ width:30%; }
	
	/*--comp VM--*/
	.browse-view div.row .product.span6 .spacer .image-product{
		float:none;
		margin:0 0 15px;
		border:none;
	}
	.browse-view div.row > .product.span6{ text-align:center;}
	#yt_relate div.nav_button > div{ top:30px;}
	
	div.productdetails .stock-status{ margin:0px !important;}
	div.productdetails .vote{ margin-top:10px;}
	div.productdetails .price-stock{ margin-top:10px; padding:16px 0;}
	
	#com-form-login .width30 { width:40%;}
	
	div.promotion2 .yt-virtuemart .yt-vm-content .vm-content-inner .vm-item .yt-main-content .yt-item-title{ font-size:230%; line-height:30px; }
	
	/*--Comp contact--*/
	div.sj-map{ width:95%; max-width:493px;}
	.contact-miscinfo{ width:100%;}
	.misc-expand{ width:auto;}
	.panel-form{ width:100%;}
	div.contact_address, 
	.panel-form, 
	.contact-miscinfo{ margin:20px 0 0 0 !important;}
	#contact-form input, 
	#contact-form input:focus, 
	#contact-form textarea, 
	#contact-form textarea:focus{ width:75%; max-width:493px;}
	
	/* -Custom Module Html ----*/
	.module h3.title, .module_menu h3.title{ font-size:165%; line-height:28px;}
	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;}
	
	div.module h3.title span.badge{ bottom:-30px;}
	div.module.badge-cool div.module-content, 
	div.module.badge-hot div.module-content,
	 div.module.badge-top div.module-content, 
	 div.module.badge-new div.module-content{ margin-top:30px;}
	 
	 .archive button.button{ margin-top:5px;}
	/* -Custom RTL Languages ----*/
	
	/*layout lmr*/
	.layout-lmr .info-product{ clear:both;}
	.layout-lrm .info-product{ clear:both;}
	.layout-lrm .browse-view div.row .span4 span.addtocart-button,
	.layout-lmr .browse-view div.row .span4 span.addtocart-button { padding:0 5px 0;}
}

/* Small tablet portrait (600x800) & Mobile landscape (480x320) */
@media (max-width: 767px){
	body#bd {padding:0; font-size: 13px;}
	.container {margin:0 auto;padding:0 10px;}
	.row-fluid [class*="span"]{margin: 0;width:100%;}
	
	/* ----  Base Joomla ------- */
	select, 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;}
	#yt_header{ margin-top:85px; height:248px;}
	
	
	ul.navi{display: none;}
		#yt-mobilemenu{width:100%;border: none;display: block;margin: 20px 0;}
		#yt_menuwrap{height: auto;}
	#yt_logoposition h1{ 
		left:34.5%; top:50px;
		width:160px; height:161px;
	}
	#yt_logoposition h1 img{ width:100%;}	
	#yt_logoposition h1.logo a{display: inline-block;}
	
	#yt_mainmenu_res{
		display:block;
		width:100%;
		border:none;
	}
	#position-0 ul.menu{ display:none;}
	#position-0{ position:relative;}
	#yt_mainmenu_res{ position:absolute; left:0px; top:-30px;}
	
	#top1{ width:50%; float:left;}
	#top2{ width:50%; float:left; text-align:right;}
	.rtl #top2{ text-align:right;}
	#top3{ clear:both;}
	
	/* 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;}
	
	/*--login--*/
	/*div.modal.fade.in{ top:30%;}*/
	#mod-login input[type="text"], 
	#mod-login input[type="password"]{ width:60%;}
	#member_registration input{ width:75%;}
	
	div.modal.fade.in{ top:20%;}
	.sj-login-regis .sj-login #sj_login_box,
	.sj-login-regis .sj-register #sj_register_box{
		padding:0px !important;
		background:#fff;
		width:auto;
	}
	
	/*Content Joomla*/
	#content_main .content-main-inner{ padding-top:0px;}
	#content_right #position-7{ padding-top:0px;}
	.layout-mlr #content_main .content-main-inner{ padding-top:70px;}
	.layout-mlr #content_left #position-6{ padding-top:0px;}
	.layout-mr #content_main .content-main-inner{ padding-top:70px;}
	.layout-mr #content_left #position-7{ padding-top:0px;}
	.layout-m #content_main .content-main-inner{ padding-top:70px;}
	
	.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;}
	
	.archive button.button{ margin-top:2px;}
	.archive select { margin:2px 0;}
	
	#search-form .btn{ margin:5px 0;}
	
	
	/*--comp VM--*/
	.browse-view div.row .product.span6 .spacer .image-product,
	.browse-view div.row .product.span12 .spacer .image-product{
		float:none;
		margin:0 0 15px;
		border:none;
	}
	.browse-view div.row > .product.span6,
	.browse-view div.row > .product.span12{ text-align:center;}
	
	.browse-view div.row .product.span12 .spacer .product-price{
		display:block;
		margin:0 0px 5px 0;
	}
	.mousetrap{ display:none;}
	.cloud-zoom-big{ /*display:none !important;*/}
	
	#yt_relate ul li{ width:50%;}
	#yt_relate div.nav_button > div{ top:30%;}
	
	form#reviewform input, form#reviewform textarea,
	textarea.customer-comment{ width:90%;}
	
	.cart-view a.details{margin:0 10px 5px 0px;}
	.cart-view .inputbox{ width:auto;}
	#com-form-login-remember input.default{ margin:0px;}
	table.cart-summary tr th{ font-size:10px;}
	table.cart-summary td{ font-size:11px;}
	
	/* -Custom SJ Module  -----*/
	div.features .yt-virtuemart .yt-vm-content .vm-content-inner .vm-item{
		width:100% !important;
	}
	div.features .yt-virtuemart .yt-vm-content .vm-content-inner .vm-item .yt-main-content{
		padding:0 0 15px;
	}
	div.features .vm-row .vm-item .yt-item-image img{ width:100%;}
	
	
	
	#com-form-login .width30 { width:100%;}
	table.user-details{ width:100%;}
	
	
	/*--Comp contact--*/
	div.sj-map{ width:92%; max-width:493px;}
	.contact-miscinfo{ width:100%;}
	.misc-expand{ width:auto;}
	.panel-form{ width:100%;}
	div.contact_address, 
	.panel-form, 
	.contact-miscinfo{ margin:20px 0 0 0 !important;}
	#contact-form input, 
	#contact-form input:focus, 
	#contact-form textarea, 
	#contact-form textarea:focus{ width:75%; max-width:493px;}
	
	
	/*Slideshow*/
	.slideshowres .sl-wrap .sl-item .sl-item-info{ display:none;}
	.slideshowres.theme2 .pag-list .pag-prev,
	.slideshowres.theme2 .pag-list .pag-next{ /*top:-180%;*/ display:none;}
	.slideshowres.theme2 .pag-list .pag-item{ float:right;}
	.slideshowres.theme2 .conner-tr{ top:30%;}
	.slideshowres .sl-wrap .sl-item .sl-item-info{ width:42%;}
	.slideshowres.theme2 .sl-wrap .sl-item .sl-item-title a{ font-size:150%;}
	
	/* -Custom Module Html ----*/
	#yt_spotlight .span4{width:100%;}
	#yt_logoposition h1{text-align: center;}
	.banneritem .banner2, .banneritem .banner1{ display:block; width:100%; clear:both;}
	.banneritem img{ width:100%; height:80px;}
	
	#mod-finder-searchform{}
	#mod-finder-searchform div.finder{ text-align:left;}
	div.finder input#mod-finder-searchword{ margin-left:0px;}
	.rtl div.finder input#mod-finder-searchword{ margin-left:4px; margin-right:0px;}
	.rtl #mod-finder-searchform div.finder{ text-align:right;}
	
	ul.social{float: none;display: block;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;}

	/* -Custom RTL Languages ----*/
	
}

/* Mobile portrait (320x480) */
@media (max-width: 479px){
	.yt-main-in2{ padding:0 10px;}
	
	#yt_logoposition h1{ left:24.5%;}
	#yt_mainmenu_res{
		display: none;
	}
	#yt_logoposition h1{top:0px; height:158px;}
	
	#yt_header{height: 190px}
	/*--comp VM--*/
	div.orderlistcontainer .title{ display:none;}
	div.productdetails div.product_image{ margin:0px;}
	div.productdetails .main_info{ float:none; display:inline-block;}
	div.yt-carousel .nav_button{ }
	#yt_relate{ padding:0 20%;}
	#yt_relate ul li{ width:100%;}
	#yt_relate div.nav_button > div{ top:65px;}
	
	div.productdetails .stock-status{ margin:0px !important;}
	.yt-carousel img.nav_thumb{
		width:65px;
		height:65px;
	}
	div.yt-carousel .nav_button .prev,
	div.yt-carousel .nav_button .next{ height:34px;}
	
	.cart-view .width50{/* width:100%;*/}
	a.continue_link{ padding:4px 7px; margin:0 0 5px;}
	table.cart-summary tr th{padding:5px 3px;}
	table.cart-summary tr th{ font-size:9px;}
	table.cart-summary td{ font-size:10px;}
	table.user-details input{ width:90%; max-width:200px;}
	td.key{ width:65px;}
	table.user-details select{ width:96%; max-width:200px; }
	table.user-details select option{ width:150px;}
	a.vm-button-correct, 
	a.vm-button-correct:link, 
	a.vm-button-correct:visited{ font-size:100%;}
	
	
	/*--login--*/
	#top1{ width:62%;}
	#top2{ width:38%;}
	div.cart h4.title{ 
		background:none;
		padding:0px;
		vertical-align:middle;
	}
	div.cart h4.title a{ 
		background:url("../images/icons/carts.png") no-repeat scroll left center;
		display:inline-block;
		text-indent:-999em;
		overflow:hidden;
		font-size:0px !important;
		width:22px;
		height:36px;
		
		vertical-align:-12px;
		
		float:left;
	}
	
	
	
	div.modal.fade.in{ top:20%;}
	.sj-login-regis .sj-login #sj_login_box,
	.sj-login-regis .sj-register #sj_register_box{
		padding:0px !important;
		background:#fff;
		width:auto;
	}
	
	div.promotion2 .yt-virtuemart .yt-vm-content .vm-content-inner .vm-item .yt-main-content .yt-item-title a{ font-size:78% !important; line-height:30px;}
	
	/*--slideshow--*/
	.slideshowres.theme2 .pag-list .pag-prev, 
	.slideshowres.theme2 .pag-list .pag-next{ display:none !important;}
}
@media (max-width: 320px){
	/*--slideshow--*/
	.slideshowres.theme2 .pag-list .pag-prev, 
	.slideshowres.theme2 .pag-list .pag-next{ display:none !important;}
	
}