
/*************************************************
* 
*             Màn hình XS - Điện toại 
*
*************************************************/
@media (max-width: 767px) {
	
	body { 
		font-size: 17px;
		line-height:24px;
	}
	
	.container {padding: 0 10px;}
	.container > .row {
		padding:0 20px;
	}

	#header-static-bar .container{padding:0;}
	#header-static-bar .site-home-btn {
		float: left;
		margin-left: 10px;
	}
	
	#header-static-bar .navbar-right { margin-right:0;}
	#header-static-bar .navbar-right #no-login-form>a, #user-form>a {
		font-size: 13px;
	}

	#header-fixed-bar {height: auto;}
	#header-fixed-bar .navbar-header .city-select {
		margin-top: 2px; 
		float:left; 
		height: 34px;
		margin-left: 15px;
	}
	#header-fixed-bar #create-itemad-btn {
		height: 32px;
		margin-top: 4px;
		padding: 5px 15px;
		font-size: 16px;
	}
	
	#home-logo-fixed {display:none!important;}
	#header-fixed-bar #searchForm {	margin-bottom: 8px;	}	
	#header-fixed-bar #searchForm .row {
		margin-right: -15px;
	}	
	
	#header-fixed-bar .navbar-header .city-select .btn{padding-left:0;}		
	
	#selectCate{
		min-width:auto;
	}
	
	.col-right, .col-right-300{
		padding:0;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		margin-top: 0!important;
	}
		
	#fillter {
		margin-top: 92px;
		padding-left: 5px;
	}
	
	#footer-content {text-align: center;}
	
	#productGallary .carousel-inner{
		min-height:unset!important;
		min-height:none!important;
	}
	#productGallary .carousel-inner .item img{	
		height:auto;
		width:100%;		
	}
	
	.hidden-text-xs{display:none;}
	
	.profile-wrapper #apps {display: none;}
	#apps #listapp {float: none;margin-right:-15px;}
	#apps .app-item{opacity:1;}
	#apps .app-item img{}
	
	.report-bar{ right: 30px; }
	
	.right-block { 
		margin-right: -15px;
		margin-left: -15px;
		padding:0 15px;
		max-width: none;
		clear:fix;
	}
	
	#topAd, #topAd img, #bottom, #bottomAd img {
		width: 100%;
		background: #fff;
		padding: 10px;
		margin-bottom: 10px;
	}

	.navbar-nav .open .dropdown-menu {
		position: absolute;
		top: 100%;
		display: block;
		background-color: #ffffff;
		border: 1px solid #cccccc;
		border: 1px solid rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		background-clip: padding-box;
	}

	.navbar-right {	float: right !important;  margin: 0;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #333!important;
	}
	
	.item{font-size: 15px;}
	
	#hot-list .item-hot{margin:10px 0;}
	#hot-list .item-hot .thumb{min-height:200px;}
	#hot-list {
		width: auto;
		margin: -15px;
		margin-top:0;
	}

	.detail-product-title{font-size: 18px;}	
	
	.safeInfo {min-height: initial;border-radius: 0 !important;}
	
	.greate-scroller {		
		overflow-y: scroll !important;
		height:250px;
	}
	
	.super-auth .dropdown-menu li{
		width: 100%;
	}
	
	.super-auth .dropdown-menu .divider{
		background-color: #e5e5e5 !important;
		float: left !important;
		margin: 9px 0 !important;
	}
	
	.super-auth dropdown-menu {min-width:100% !important;}
	
	#header .hidden-header{
		display:none!important;
		height:0!important;
	}
	
	#header #locationBtn .text{display:none!important;}
		
	.list-colum-2 {
		-moz-column-count:1; /* Firefox */
		-webkit-column-count:1; /* Safari and Chrome */
	}
	
	#comment .statictis{
		width: 100px; 
		padding: 0;
		padding-left: 3px;
		font-size:13px;
	}
	#comment #social{
		min-width:230px;
		padding:0;
		padding-right:5px;
	}
	
	.keyword-block li {padding: 3px 0;}
	
	#footer-content .footer-block {
		text-align:center;
	}
	.scroll-top-btn{
		bottom: 20px;
		width: 32px;
		height: 32px;
		font-size: 32px!important;
	}
	
}

/*************************************************
* 
*             Màn hình SM - Tablet dọc
*
*************************************************/

@media (min-width: 768px) and (max-width: 991px) {
	
	.container {max-width: none;}
	
	#vote-block .btn{font-size:90%}
	#vote-block {font-size: 12px;}
	
	#contactInfo, .safeInfo{font-size: 11px;}
	.detail-product-title{font-size: 18px;}
	
	#footer {font-size: 77%;}
	
	.hidden-text-sm{display:none;}
	
	.report-bar{ right: 0}
	
	.col-right, .col-right-300{
		padding-left: 0;
		padding-right: 0;
	}
	.content-wraper{
		margin:0;
	}
	
}

/*************************************************
* 
*             Màn hình TABLET NGANG
*
*************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
	#home-logo-fixed {
		font-size: 28px;
		padding: 10px 10px;
		margin-top: 0px;		
	}
	
	.hidden-text-md{display:none;}
	.col-right, .col-right-300{
		padding-left: 15px;
	}
}

/*************************************************
* 
*             Màn hình 1280 -> 1368 -> ...
*
*************************************************/
@media (min-width: 1200px) {
	
	#home-logo-fixed {
		font-size: 33px	
	}
		
	.container {
		
		max-width: 1222px;
		width: 1277px;
	}
	
	.uploadImg {
		height: 105px;
		margin-bottom: 0;
	}
	
	#productGallary .carousel-indicators li {		
		height: 115px;
	}
		
}