/******************************************
***          YT Framework: CSS          ***
*******************************************/
/****** Override *****/
a,a:focus,
button,button:focus,.btn,.btn:focus{outline:none;}

@media (min-width: 1200px) {
  .row {margin-left: -20px;}
  [class*="span"] {margin-left: 20px;}
  .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom 

.container {width: 1180px;}
  .span12 {width: 1170px;}
  .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: 200px;}
  .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:220px;}
	.span4d8{width:460px;}
	.span7d2{width:700px;}
	.row-fluid .span2d4 {
		width: 17.5%;
		*width: 99.94680851063829%;
	}
}

/* Normal(>980) && Tablet landscape (1024x768) */
@media (min-width: 980px) and (max-width: 1199px){
	.span2d4{width:220px;}
	.span4d8{width:460px;}
	.span7d2{width:700px;}
	.span9{width:620px;}
	.span3{width:300px;}
	
	/* Type: Left-main-right */
	section.layout-lmr #content_left{left: 0!important;}
	section.layout-lmr #content_main{left: 0!important;}
	section.nopos-left.nopos-right div[class*="span7d2"]{width:940px;}
	
	/* Mainmenu */
	ul.navi div.level1.separator,ul.navi a.level1{padding: 0 20px;}
	
	/* Content Right */
	#content_right{width:100%;}
		#right{width:97%;}
		#right .moduletable{float: left;width:25%;padding: 0 20px 0 0;box-sizing: 

border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
		#right .moduletable:last-child{padding: 0;}
		
	div.socials-bottom ul.social{margin: 10px 0;}
}

/* Tablet portrait (768x1024) && Small tablet landscape (800x600) */
@media (min-width: 768px) and (max-width: 979px) {
	.span2d4 {width: 220px;}
	.span4d8 {width: 268px;}
	.span7d2 {width: 720px;}
	
	section.nopos-right div[class*="span7d2"]{ width: 720px;}
	section.nopos-left.nopos-right div[class*="span7d2"]{width:725px;}
	
	/* Type: Left-main-right */
	section.layout-lmr #content_left{left: 0 !important;}
	section.layout-lmr #content_main{left: 0 !important;}
	
	/*Mainmenu*/
	ul.navi div.level1.separator, ul.navi a.level1{padding: 0 17px;}
	ul.navi li.level1.last{background: none;}
	ul.navi li.level1.last.hover {background: url("../images/menu_bg_item_active.png") repeat 

scroll 0 0 transparent;}
	
	#yt_menuwrap #nav2{display: none;}
	#usera{width:140px;margin-left: 100px;}
	
	#yt_menuposition{width:97%;}
	#content_right,#content_left{width:724px;}
	#content_left .span2d4,
	#content_right .span2d4{width: auto;margin: 0;}
	#content_left .span2d4 > div,
	#content_right .span2d4 > div{float: left; margin-left: 20px;width:227px;}
	
	#content_main{width:100%;margin: 0;padding-left: 20px;-moz-box-sizing: 

border-box;-webkit-box-sizing: border-box;}
	#yt_spotlight2 .yt-main-in2{margin: 0;}
	#userb{display: none;visibility: hidden;}
	#userc{width:100%;margin:0;padding: 0 20px;-moz-box-sizing: 

border-box;-webkit-box-sizing: border-box;}
	div.hidden-mobi{display: none;visibility: hidden;}
	div.socials-bottom ul.social{margin: 10px 0;}
	
	/* -----------------------
	Component News Feed, Contact, Weblink...  */
	div.registration div.registration-inset{
		margin: 0;padding: 20px;width: 100%;
		-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
	}
	/* RTL Languages */
    .rtl #usera{margin: 0 100px 0 0;}
}
/* Small tablet portrait (600x800) & Mobile landscape (480x320) */
@media (max-width: 767px){
	body {padding:0;}
	.span7d2 {width: 100%;float:left;}
	.span2d4{width:50%;float:left;}
	
	/* Type: Left-main-right */
	section.layout-lmr #content_left{left: 0;}
	section.layout-lmr #content_main{left: 0;}
	section.nopos-right div[class*="span7d2"]{width: 100%;}
	
	div.blog h2.heading{margin: 0 10px 10px;}
	.container {margin:0 auto;padding:0 15px;}
	.cart-view .width30{width:100%;}
	
	/*Mainmenu*/
	#meganavigator{display:none;}
	#yt_menuwrap #nav2{display: none;}
	#yt-mobilemenu{display:block;background: #eee;border-color: #fff;color: 

#666;width:100%;margin:10px 0;}
	#yt_menuwrap .yt-main-in1{box-shadow: 0 1px 2px #666666;}
	
	#yt_logoposition h1.logo a {top: 10px;}
	#yt_component .component-inner{padding:0;}
	#cpanel_btn{display: none;}
	#yt-totop{display: none !important;}
		
	#yt_component,#content_main{width:100%;}
	#content_left,#content_right{width:100%;}
	#content_right > div,
	#content_right > div,
	#content_left > div,
	#content_left > div{width:auto; margin: 0 -1%;}
	
	#content_right > div > div,
	#content_right > div > div,
	#content_left > div > div,
	#content_left > div > div{width:100%;}
	
	#content_right > div > div > div,
	#content_left > div > div > div{width: 48%;float: left;margin: 0 1% 20px;-moz-box-sizing: 

border-box;-webkit-box-sizing: border-box;}
	
	
	#yt_logoposition{width:100%;}
	#yt_menuposition{width:100%;}
	#yt_menuwrap .yt-main{height: auto;min-height: inherit;}
	#breadcrumb{margin: 0;}
	div.orderlistcontainer .title,
	div.display-number .result{display: none;}
	.moduletable .mod-inner {margin: 0;}
	div.image_product img.zoom_image{width:87%;}
	#userb{display: none;visibility: hidden;}
	#userc{width:100%;margin:0;padding: 0 20px;-moz-box-sizing: 

border-box;-webkit-box-sizing: border-box;}
	
	.slideshowres{margin: 0 0 20px;}
	div.moduletable.member h3{background-size: 100% auto;min-height: 50px;}
	div.browse-view .span2d4{width:33.33%;}
	div.browse-view .spacer{margin: 0 5px 20px;}
		#breadcrumb .breadcrumbs{margin: 0 0px 10px;}
		a.zoom-image-product{width:85%;background-size: 100% auto;}
		div.span2d4 div.info_product{padding: 0;}
	
	div.main_info div.product_image{float: none;}
	div.main_info div.base_info{float: none;width:100%;margin: 10px 0;}
	div.product-description p{padding: 0;}
	#footnav{text-align: center;}
	div.socials-bottom{text-align: center;clear: both;}
	
	/*Slideshow*/
	.slideshowres{margin: 0 0 20px;}
	.slideshowres .pag-list .pag-prev{display: none;}
	.slideshowres .pag-list .pag-next{display: none;}
	
	/*Component News Feed, Contact*/
	div.login div.login-inset,
	div.profile-edit-inset,
	div.registration div.registration-inset{margin: 0;width:100%;padding: 20px 

15px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
	div.login div.login-fields{width: 100%;}
		div.registration dl{margin: 0;}
		div.registration dl dd{min-height: inherit;}
		div.registration dl dt{float: none;display: block;width: auto;}
		div.registration input{width: 94%;}
	div.profile{padding: 10px;}
		div.profile dl dt{float: none;margin-bottom: 0;}
		div.profile dl dd{margin: 0 0 10px 0;  color: #666666;}
		div.profile-edit dl{margin: 0;}
		div.profile-edit dl dt{float: none;}
		
	/*Category Content*/
	div.blog{margin: 0 -10px;}
	div.blog .page-content{margin: 20px 10px;}
	div.blog div[class*="span"]{padding: 0 10px;}
	
	/*Module tabs*/
	.sj-ajax-tabs .tabs-container{height: 50px;}
	.sj-ajax-tabs.top-position .tabs-container ul.tabs li .tab{font-size: 14px;}
}

/* Mobile portrait (320x480) */
@media (max-width: 479px){
	
	/*system*/
	[class*="span"] {width: 100%;}
	.container{padding: 0 15px;}
	#content_right > div > div > div,
	#content_left > div > div > div{width: 100%;margin: 0 0 20px;}
	
	/* Type: Left-main-right */
	section.layout-lmr #content_left{left: 0;}
	section.layout-lmr #content_main{left: 0;}
	
	#content_left div.content-left-in{margin: 0;}
	#content_right div.content-right-in{margin: 0;}
	#content_right > div > div, #content_right > div > div,
	#content_left > div > div, #content_left > div > div{padding: 0;}
	
	
	
	/*Module tabs*/
	.sj-ajax-tabs.top-position .tabs-container ul.tabs li .tab{font-size: 16px;}
	div.browse-view .span2d4{width:100%;}
	a.zoom-image-product{width:auto;}
	
	/*Category Content*/
	div.item-page .img_caption{width: auto !important;}
	div.image_product img.zoom_image{left: 30px;}
	div.main_info div.product_image{width:100%;}
	#content_left, #content_right{width:100%;}
		div.moduletable.member h3{background-size: 100% auto;}
		.container-slider{margin: 0;}
	
}