/***
Responsive Theme. 
Based on http://getbootstrap.com/css/#responsive-utilities-classes
***/

/***
Form Medium Devices Up To Large Devices
***/

@media (min-width: 992px) and (max-width: 1200px) {  

	.page-boxed .header .dropdown .username {
		display: none;
	}	

}

/***
From Medium Devices Up To Larger Devices
***/

@media (min-width: 992px) { 

 	/***
 	Page sidebar
 	***/
 	.page-sidebar {
 		position: absolute;
 		width: 130px;
 	}

 	.page-sidebar-menu .search-form {
 		display: none;
 	}

 	.page-sidebar.navbar-collapse {
 		max-height: none !important;
 	}

 	.page-sidebar-fixed .page-sidebar {
 		position: fixed !important;
 		top: 45px;
 	}

 	.page-sidebar-fixed ul.page-sidebar-menu > li.last {
 		margin-bottom: 15px !important;
 	}

 	.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar {
 		z-index: 10000;		
 		width: 35px;		
 	}

 	.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar .selected {
 		display: none;
 	}

 	.page-sidebar-fixed.page-sidebar-hover-on .page-content {
 		margin-left: 35px;
 	}
 	.page-sidebar-fixed.page-sidebar-hover-on .footer {
 		margin-left: 35px;
 	}

 	.page-sidebar-fixed .page-sidebar-closed .page-sidebar .sidebar-search .submit,
 	.page-sidebar-fixed .page-sidebar .sidebar-toggler {
 		-webkit-transition: all  0.3s ease;
 		-moz-transition: all  0.3s ease;
 		-o-transition: all  0.3s ease;
 		transition: all  0.3s ease;
 	}

 	.page-sidebar-hovering {
 		overflow: hidden !important;
 	}

 	.page-sidebar-hovering .sub-menu,
 	.page-sidebar-hovering span.title,
 	.page-sidebar-hovering span.arrow {		  
 		display: none !important;
 	}

 	.page-sidebar-hovering .submit {
 		opacity: 0;
 		width: 0 !important;
 		height: 0 !important;
 	}

  	/***
  	Page content
  	***/
  	.page-content { 
  		margin-left: 130px; 
  		margin-top: 10px;
  		/*min-height: 760px;*/
  		min-height: 90%;
  		height: 90%;		
  		overflow-y: auto;
  		padding: 20px 20px 20px 20px;
  	}

  	.page-sidebar-fixed .page-content {
  		min-height: 600px; 
  	}

  	.page-content.no-min-height {
  		min-height: auto;
  	}

	/***
	Footer
	***/

	/* fixed sidebar */
	.page-footer-fixed .footer {
		position: fixed;
		left: 0;
		right: 0;
		z-index: 10000;
		bottom: 0;
	}

	.page-footer-fixed .page-container {
		margin-bottom: 32px;
	}

	.page-footer-fixed.page-sidebar-fixed .footer {
		margin-left: 0 !important;
	}
	/* end: fixed footer */

	.page-boxed .footer {
		padding: 8px 0 5px 0; 
	}

	.page-sidebar-fixed .footer {
		margin-left: 215px;
		background-color: #fff;
		padding: 8px 20px 5px 20px;
	}

	.page-sidebar-fixed .footer .footer-inner {
		color: #333;
	}

	.page-sidebar-fixed.page-sidebar-closed .footer {
		margin-left: 35px;
	}

	.page-sidebar-fixed .footer .footer-tools .go-top { 
		background-color: #666;
	}

	.page-sidebar-fixed .footer .footer-tools .go-top i {
		color: #ddd;
	}

	/* boxed layout */
	.page-boxed	.header .navbar-brand {
		margin-left: 0px !important;
		width: 226px;
	}

	.page-boxed .header .navbar-brand img {
		margin-left: 10px;
	}

	.page-boxed .header .navbar-nav {
		margin-right: 0px;
	}

	.page-boxed .page-container {
		border-radius: 0 0 4px 4px;
	}

	.page-boxed .page-content {
		border-radius: 0 0 4px 0;
	}

	.page-boxed.page-sidebar-fixed .page-content,
	.page-boxed.page-sidebar-fixed .page-container {
		border-radius: 0;
	}

}

/***
Up To Medium Devices
***/

@media (max-width:991px) { 
	
	/***
 	Page header
 	***/
 	.header {
 		padding: 0 20px 0 20px;
 		position: relative;
 		clear: both;
 	}

 	.header .navbar-toggle {
 		display: inline-block;
 	}

 	.header .search-form {
 		display: none;
 	}

 	.sidebar-search-menu .search-form {
 		display: block;
 	}

 	.page-sidebar.navbar-collapse {
 		max-height: 340px;
 	}

 	.page-sidebar.navbar-collapse.collapse {
 		display: none !important;
 	}

 	.page-sidebar.navbar-collapse.in {	 	
 		overflow: hidden !important;
 		overflow-y: auto !important;
 	}

 	.header .nav li.dropdown i {
 		display: inline-block;
 		position: relative;
 		top:1px;
 		right:0px;
 	}

 	.header .navbar-nav {
 		display: block;
 		margin-bottom: 0px !important;
 	}

 	.header .navbar-nav .open .dropdown-menu  {
 		position: absolute;
 	}

 	.header .navbar-nav {
 		display: inline-block;
 		float: right;
 		margin: 0;
 	}

 	.header .navbar-nav > li {
 		float: left;
 	}

 	.header .navbar-brand {
 		margin-left: 0px !important;
 		padding-left: 0px !important; 
 	}

 	.header .navbar-brand img {
 	}

	/***
	Page container
	***/
	.page-container {
		margin: 0 !important;
		padding: 0 !important;
	}

	/***
  	Page content
  	***/
  	.page-content {
  		margin: 0px !important;
  		padding: 20px 20px 20px 20px !important;  		
  		min-height: 280px; 
  	}

	/***
	Page sidebar
	***/
	.page-sidebar {
		border-top: 0 !important;
		margin: 20px;
	}

	.page-sidebar.in {
		border-top: 0 !important;
		margin: 20px;
		position: relative;
		z-index: 5;
	}

	.page-sidebar .sidebar-toggler {
		display: none;
	}

	.page-sidebar ul {
		margin-top:0px;
		width:100%;
	}

	.page-sidebar .selected {
		display: none !important;
	}

	.page-sidebar .sidebar-search .input-box {
		width: 220px;
	}

	/***
	Styler panel
	***/
	.styler-panel {
		top:55px;
		right:20px;
	}

	/***
	Boxed Layout
	***/
	.page-boxed .header > .container,
	.page-boxed .footer > .container,
	.page-boxed > .container {
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

}

/***
From Small Devices Up To Medium Devices
***/

@media (min-width: 768px) and (max-width: 991px) { 

	/***
	Body
	***/
	body {
		padding-top: 0px;
	}

	/***
	Page sidebar
	***/
	.page-sidebar .btn-navbar.collapsed .arrow { 
		display: none;
	}	

	.page-sidebar .btn-navbar .arrow {
		position: absolute;
		right: 25px;
		width: 0; 
		height: 0;
		top:50px;
		border-bottom: 15px solid #5f646b;
		border-left: 15px solid transparent; 
		border-right: 15px solid transparent; 
	}

} 

/***
Extra Small Devices Only
***/

@media (max-width: 767px) { 
	
	/***
	Page header
	***/
	
	.header {
		padding: 0 10px 0 10px;
	}

	.header .top-nav .nav{  
		margin-top: 0px;
		margin-right: 5px;
	}

	.header .nav > li > .dropdown-menu.notification:after, 
	.header .nav > li > .dropdown-menu.notification:before {
		margin-right: 160px;
	}

	.header .nav > li > .dropdown-menu.notification {
		margin-right: -160px;
	}

	.header .nav > li > .dropdown-menu.inbox:after, 
	.header .nav > li > .dropdown-menu.inbox:before {
		margin-right: 120px;
	}

	.header .nav > li > .dropdown-menu.inbox {
		margin-right: -120px;
	}

	.header .nav > li > .dropdown-menu.tasks:after, 
	.header .nav > li > .dropdown-menu.tasks:before {
		margin-right: 70px;
	}

	.header .nav > li > .dropdown-menu.tasks {
		margin-right: -70px;
	}

	/* Header logo */
	.header .navbar-brand {
		margin-left: 0px !important;
		width: 110px;
	}
	
	/***
	Page content
	***/
	.page-content {
		padding: 20px 10px 10px 10px !important;
		overflow: hidden;
	}

	/***
	Page title
	***/
	.page-title {
		margin-bottom: 20px;
		font-size: 18px;
	}

	.page-title small {
		font-size: 13px;
		padding-top: 3px;
	}
	
	/***
	Styler pagel
	***/
	.styler-panel {
		top:58px;
		right:12px;
	}	

	/***
	Page breadcrumb
	***/
	.breadcrumb {
		padding-left: 10px;
		padding-right: 10px;
	}

	/***
	Portlet form action
	***/
	.portlet-body.form .form-actions{
		padding-left: 15px;	
	} 


	/***
	Form input validation states
	***/
	.input-icon .input-error, 
	.input-icon .input-warning, 
	.input-icon .input-success { 
		top:-27px;
		float: right;
		right:10px !important;
	}	

	/***
	Advance tables
	***/
	.table-advance tr td.highlight:first-child a {
		margin-left: 8px;
	}

	/***
	Footer	
	***/	
	.footer {
		padding-left: 10px;
		padding-right: 10px;		
	}	
	
	.footer .go-top {  
		float: right;
		display: block;
		margin-right: 0px;
	}

	/***
	Vertical inline menu
	***/
	.ver-inline-menu li.active:after {
		display: none;
	}

	/***
	Form controls
	***/
	.form-horizontal .form-actions {
		/*padding-left: 180px; 	*/
	}

	.portlet .form-horizontal .form-actions {
		/*padding-left: 190px; 	*/
	}
}

/***
The Most Extra Small Devices Landscape Mode Only
***/

@media (max-width: 480px) {

	/***
	Header navbar
	***/

	.header .navbar-nav {
		display: block !important;
		margin-top: 0px !important;
	}

  	/***
	Page sidebar
	***/
	.page-sidebar,
	.page-sidebar.in {
		margin: 0 10px 10px 10px;
	}

	/***
	Page title
	***/
	.page-title small {
		display: block;
		clear: both;
	}

	/***
	Forms
	***/
	.portlet .form-horizontal .form-actions {
		padding-left: 10px; 	
	}

	/***
	Dashboard date range panel
	***/
	.page-content .breadcrumb .dashboard-date-range  {
		padding-bottom: 8px;
	} 

	.page-content .breadcrumb .dashboard-date-range span {
		display: none;
	}	

	.page-content .breadcrumb > .btn-group span {
		display: none;
	}

	.page-content .breadcrumb > .btn-group > .btn {
		padding-left: 7px;
		padding-right: 7px;
	}

	.header .navbar-nav > li.dropdown .dropdown-toggle .username {
		display: none;
	}

	.header .navbar-nav > li.devider {
		margin-left: 2px !important;
		margin-right: 2px !important;
	}

	/***
	Hidden phone
	***/
	.hidden-480 {
		display: none !important;
	}
}

/***
The Most Extra Small Devices Portrait Mode Only
***/

@media (max-width: 320px) {
	.container {
		padding-right: 0px!important;
		padding-left: 0px!important;
	} 

	header .nav > li.dropdown .dropdown-toggle {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	header .top-menu {
		position: absolute;
		top: 35px;
		margin: 0;
	}

	/***
	Hidden phone
	***/
	.hidden-320 {
		display: none;
	}

	.header .navbar-brand {
		width: 100px;
	}

	.btn-group > .btn {
		width: 50%;
		margin: 0!important;
	}

	.mean-container .mean-nav ul {
		background-color: #0c1923;
		position: relative;
	}
	.mean-container .mean-nav ul li ul {
		background: rgba(0,0,0,0.5);
	}
	.mean-container .mean-nav ul li ul li a {font-size: 12px;}
	.mean-container .mean-nav ul .mob-menu {
		display: block!important;
	}
	.mean-container .mean-nav ul li li a {width: 85%!important;}
	.mean-container .mean-nav ul .logo-nav {padding: 10px 0;}
	.mean-container .mean-nav ul .mob-menu .caret {display: none;}

	header .top-menu {
		position: absolute!important;
		top: 110px!important;
		margin: 0;
		left: -20px;
		display: none;
	}
	.top-menu li a {
		padding: 7px!important;
		width: 115px!important;
		line-height: normal;
	}
	.top-menu li a span {word-spacing: normal!important; text-align: center;}

	.da-slider {
		width: 100%;
		min-width: 100%;
		max-width: 320px;
		height: 350px!important;
	}

	.header .info-brand {
		height: 80px;
		margin-top: 55px;
	}
	.header .navbar-brand {
		margin: 0 auto; !important;
		width: 100%;
		display: block;
		text-align: center;
	}
	.header .navbar-brand img {
		height: 60px;
		display: block;
		margin: 0 auto;
	}

	#main-slider {background-size: auto 352%;}
	#main-slider .container {width: 100%!important;}
	.da-slide .da-img {height: 200px;}
	#main-slider .img-slider {height: 200px;}
	#main-slider .taglines {
		width: 100%;
		display: none;
	}
	.da-slide p {
		padding: 10px 20px!important;
		font-size: 14px!important;
		width: 65%!important;
		text-align: center!important;
		line-height: normal!important;
		margin-left: -22px!important;
		/*margin-top: 50px;
		padding-top: 45px!important;*/
		position: static!important;
	}
	.da-arrows span.da-arrows-next {
		right: 0;
		left: 50%;
	}
	.da-dots {width: 60%!important; bottom: 0!important;}

	.widget-updatetwitter, .widget-updatefbook {
		display: none;
	}
	.widget {padding: 0;}
	.nccbox .row {margin-left: 0; margin-right: 0;}
	.nccbox .row .col-sm-6, .nccbox .row .col-sm-5, .nccbox .row .col-sm-7 {padding: 0;}

	.homepage-banner li a span {display: none;}
	.homepage-banner ul li {width: 100%!important;}
	.homepage-banner ul a {text-align: left;}
	.homepage-banner ul img {width: 40%!important; float: left; z-index: 30; position: relative;}
	.homepage-banner ul a h5 {
		display: inline-block;
		width: 60%;
		min-height: 50px;
		margin-left: -15px;
		margin-top: 7%;
		padding-left: 25px;
		z-index: 10;
	}

	.widget-hotdeal .title, .widget-merchantrand .title {
		font-size: 14px!important;
		display: inline-block;
		width: 100%;
		border: 0;
		margin-top: 0px;
	}
	.title .more {
		display: block;
		width: 100%;
		margin-top: 10px;
		padding: 15px 10px;
	}

	.widget-hotdeal .item .col-sm-5 p, .widget-hotdeal .item .col-sm-5 p.shortdes {display: none;}
	.sku-info h4 {font-size: 14px!important;}
	.sku-info .disc-block {margin-bottom: 5px;}
	.sku-info .priceblock .pucks-and-price {margin-bottom: 0;}
	.widget-hotdeal .widget-content .deal-list .sku-info {
		padding-left: 0;
		width: 100%;
		padding: 10px;
		border: 0;
	}
	.deal-item {
		margin-left: -15px;
		margin-right: -15px;
	}

	.widget-merchantrand .merchant-list .merchant-box {
		display: inline-block;
		padding: 0;
	}
	.widget-merchantrand .merchant-list .merchant-box li {
		width: 45%;
		margin: 3px;
	}

	#hotdeallist .deal-item .deal-id, #hotdeallist .deal-item .deal-intro .mc-img,
	#hotdeallist .deal-item .deal-id .mc-img {height: auto;}
	.widget-hotdeal .widget-content .deal-list .sku-info:before {border: 0;}
	#hotdeallist .deal-item .deal-id {
		border: 0;
		border-bottom: 1px solid #ccc;
		padding: 5px;
		margin-top: 10px; 
	}
	#hotdeallist .deal-item .deal-id .mc-meta .price {
		font-size: 14px;
		font-weight: bold!important;
		margin-bottom: 5px;
	}
	#hotdeallist .deal-item .deal-id .mc-meta h5 {
		margin-left: 10px;
		font-size: 16px;
		height: auto;
	}
	#hotdeallist .deal-item .deal-id .mc-meta h4 {
		font-size: 14px;
		margin-bottom: 30px!important;
	}
	#hotdeallist .deal-item .deal-id .mc-meta .btn .glyphicon {
		display: block;
		font-size: 25px;
		margin: 0 auto;
		margin-bottom: 10px;
		margin-top: 5px;
	}
	.view h2 {
		font-size: 14px;
		box-shadow: none;
		border: 0;
		margin: 0;
		max-height: 110px;
	}
	.widget-updatelist {margin-left: -15px;}
	.widget-foot-info ul {margin-bottom: 15px;}

	#hotmerchantlist .merchant-item .col-md-3 {
		padding: 0;
	}
	#hotmerchantlist .merchant-item .merchantid {
		margin-bottom: 15px;
	}
	#merchantlist .merchant-item {margin-left: -15px; margin-right: -30px;}
	#merchantlist .merchant-item .col-md-9 {padding-left: 0;}
	#merchantlist .merchant-item .col-md-9 .col-md-4 {padding: 0;}
	.widget-search-tool .search-categories input[type="radio"] {width: 30px!important; margin-left: 0;}
	.widget-search-tool .search-advance {margin: 0;}

	#merchantdetail .merchant-item .col-md-3,
	#merchantdetail .merchant-item .col-md-9 {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	#merchantdetail .merchantid .mc-meta {padding: 5px;}
	#merchantdetail .merchantid .mc-meta img {display: inline-block; max-width: 100%;}
	.widget-othermerchant, .widget-othercommunity {display: none;}
	#merchantdetail {
		margin-bottom: -10px;
	}
	#eventlist .event-item {padding: 0;}
	#eventlist .pagination {margin: 0;}
	#oldeventlist {margin-right: -20px;}
	#oldeventlist .nccbox-header {margin: 0 0 10px 0;}
	#oldeventlist ul li .tag-date {margin: 0 10px 20px;}
	#oldeventlist ul li .tag-date span {padding: 10px 15px;}
	#eventdetail .event-item .event-id .mc-img {padding: 0; margin-bottom: 10px;}
	#eventdetail .event-id .mc-meta .mc-describ {padding: 0;}

	#communitylist .community-item .col-md-3 {padding: 0;}
	#communitydetail .community-item .col-md-3,
	#communitydetail .community-item .col-md-9 {padding: 0;}
	#communitydetail .communityid .mc-meta {padding: 5px;}
	#communitydetail .communityid .mc-meta img {display: inline-block; max-width: 100%;}
	#magazinelist .col-md-4 {padding: 0;}
	#magazinelist h5 {line-height: 150%;}
	#magazinelist .item-magz {height: 440px;}

	#login-form .col-md-6, #register-form .col-md-6, #register-form .col-md-4 {padding: 0;}

	#register-form {
		padding-bottom: 180px;
	}
	.register-button {height: 380px;}
	#register-form .form {display: inline-block;}
	#register-form .col-md-6 table {display: none;}
	#register-form .col-md-8, #register-form .col-md-4 {padding: 0;}

	.radio input[type="radio"], .radio-inline input[type="radio"], 
	.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {width: 20px!important;margin-left: -30px;}
	#register-form .form .radio label {
		display: inline-block!important;
		width: 100%;
		margin: 0;
		padding: 0;
		margin-left: 10px;
	}
	#register-form .form .radio-inline input[type="text"] {width: 50%!important;}

	footer .nccbox-container .col-md-2, footer .nccbox-container .col-md-10 {
		padding: 0;
		margin-bottom: 10px;
	}
	footer .widget-foot-info .col-md-6 {padding: 0;}
	.copyright p {text-align: center;}
	footer .copyright {
		padding: 10px;
		overflow: hidden;
	}


	/*--- community pages ---*/
	#head-pc {padding: 10px;}
	#main-slider.coverbanner .cover {display: inline-block; width: 100%;}
	#fanspageid .container {width: 100%!important;}
	#fanspageid #fp-content .community-info img {
		width: 200px;
		margin-top: 0;
		box-shadow: none;
		margin: 0 auto;
		display: block;
		margin-bottom: 5px;
	}
	#fanspageid #fp-content .community-info {text-align: center;}
	#fanspageid #fp-content .community-info h2 {margin: 10px auto;}
	#fanspageid .navbar-nav li {float: none!important;}
	#fanspageid #main_nav .nav > li > a,
	#fanspageid #main_nav .nav > li > a:hover, 
	#fanspageid #main_nav .nav > li > a:focus, 
	#fanspageid #main_nav .nav > li.active > a {border: 0;}
	#fanspageid .widget_livechat, #fanspageid .widget_member_list {margin-left: -15px; margin-right: -15px;}
	#fanspageid .widget_member_list ul li {width: 70px;}
	#fp-sidebar .widget_banner img {padding: 0 15px 0 0px; display: inline-block;}
	#fp-sidebar .widget-deallist {padding-left: 0;padding-right: 15px;}
	#fanspageid #widget_event_list table tr td:nth-child(3), 
	#fanspageid #widget_event_list table tr th:nth-child(3) {display: none;}
	#fanspageid #widget_event_list table tr td, 
	#fanspageid #widget_event_list table tr th {width: 30%!important; padding: 4px;}
	#fanspageid #widget_event_list table tr td:nth-child(2), 
	#fanspageid #widget_event_list table tr th:nth-child(2) {width: 40%!important;}
	#fanspageid #widget_event_list table tr td:nth-child(4), 
	#fanspageid #widget_event_list table tr th:nth-child(4) {width: 20%!important;}
	#widget_event_list table h4 {font-size: 16px;}
	#fanspageid #widget_event_list table tr td .btn {padding: 6px;font-size: 12px;}
	#communitydetail #widget_event_list .mc-img img {
		display: inline-block;
		width: 100%;
	}
	#communitydetail #widget_event_list table tr td:first-child {
		width: 3%!important;
	}
	#communitydetail #widget_event_list .meta h1 {font-size: 27px;}
	#widget_galleri_list .div.slideshow-container {width: 100%; height: auto;}
	#widget_galleri_list div.slideshow {
		display: inline-block;
		width: 100%;
		position: relative;
		min-height: 420px;
	}
	#widget_galleri_list div.slideshow span.image-wrapper {top: -125%;}
	#widget_galleri_list div.slideshow img {display: inline-block; width: 100%;}
}

@media (min-width: 320px) and (max-width: 479px) {
	header .top-menu {
		position: absolute;
		top: 43px;
		right: 0;
	}
	.top-menu li a {
		padding: 5px!important;
		width: 56px!important;
	}

	.da-slider {
		width: 100%;
		min-width: 0px;
	}
}	

@media (min-width: 176px) and (max-width: 800px) {
	header .navbar-brand img {
		height: auto;
	}
	header .info-brand {left: 0;}	
	header .navbar-toggle {margin-top: 8px; margin-left: 15px; padding: 14px; border-radius: 0;}
	header .navbar-toggle:hover {background: rgba(0,0,0,0.2);}
	.btn-group > .btn {border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; -o-border-radius: 0!important;}	

	input, textarea, select, .input-group, .btn {/*width: 100%!important;*/ /*display: inline-block;*/ border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; -o-border-radius: 0!important; margin-bottom: 5px!important;}
	.form-group { width: 100%;}
	/*.form-group input[type="text"] {width: 90%!important; float: left;}
	.input-group-btn:last-child > .btn {border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; -o-border-radius: 0!important;}
}

@media (max-width: 768px) { 
	.header .info-brand {top: 0; padding: 5px 0;}
	header .container {padding-left: 0; padding-right: 0;}
	header .navbar-brand {margin-left: 5px!important;}
	.nav .caret {display: none;} 
	.dropdown-menu {
		position: relative;
		border-radius: 0;
		background: rgba(255,255,255,0.1);
	}
	.meanclose {
		margin-top: -5px;
	}
	.navbar-inverse .navbar-nav > li > a > i.ico-menu {display: inline-block; margin-right: 10px;}
	.navbar-nav {position: relative;}
	.dropdown-menu {
		margin-top: 0px!important;
		padding-top: 0px!important;		
	}
	.navbar-nav > li {
		float: left!important;
	}
	.mob-menu {display: block!important;}
	.logo-nav {display: none!important;}
	.sku-info .action-button .btn {width: 100%;}
	.widget-hotdeal .widget-content .deal-list .sku-info {padding: 0 10px; border: 0;}
	.widget-hotdeal .widget-content .deal-list .sku-info:before {display: none;}
	.widget-hotdeal .widget-content .deal-list .shortdes {display: none!important;}
	#dealdetail .dealid .mc-meta .meta-content {display: none;}
	#dealdetail .dealid .mc-meta .viewmobile {display: block;}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
	.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
	.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
	.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, 
	.col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, 
	.col-md-12, .col-lg-12 {
		padding-left: 0px;
		padding-right: 0px;
	}	
}

@media (min-width: 768px) {
	.homepage-banner ul li {
		float: left;
		width: 20%;
	}

	.modal-dialog {
		padding-top: 100px;
		z-index: 9999;
	}
	/*.container {width: auto;}*/
}

@media (max-width: 480px) {
	.homepage-banner ul li {
		float: left;
		width: 50%;
	}
	.homepage-banner ul img {width: 70%;}
	.sku-info .priceblock .pucks-and-price,
	.sku-info .priceblock .details {
		display: block;
		float: none;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.homepage-banner ul li {
		float: left;
		width: 50%;
	}
	.homepage-banner ul img {width: 60%;}
	.sku-info .priceblock .pucks-and-price {
		display: inline-block;
		float: left;
	}
	.sku-info .priceblock .details {
		display: inline-block;
		float: right;
	}
}

@media (max-width:768px) { 
	.top-menu {margin-right: 15px; margin-top: -20px;}
	.top-menu li a span {
		word-wrap: break-word;
		overflow: hidden;
		display: block;
		word-spacing: 100px;
		font-size: 12px;
	}
	.top-menu li a .glyphicon {font-size: 20px; display: block; margin: 0 auto 5px;}
	.top-menu li a {
		padding: 12px 12px;
		text-align: left;
		width: 70px;
		overflow: hidden;
	}
	.top-menu #btn-contact {display: none!important;}
}

@media (min-width: 769px) and (max-width: 991px) {
	.mean-bar {top: 0;}
	.header .info-brand {top: 0;left: 0;height: 85px;}

	header .navbar-brand {margin-left: 5px!important;}
	.nav .caret {display: none;} 
	.dropdown-menu {
		position: relative;
		border-radius: 0;
		background: rgba(255,255,255,0.1);
	}
	.meanclose {
		margin-top: -5px;
	}
	.navbar-inverse .navbar-nav > li > a > i.ico-menu {display: inline-block; margin-right: 10px;}
	.navbar-nav {position: relative;}
	.dropdown-menu {
		margin-top: 0px!important;
		padding-top: 0px!important;		
	}
	.navbar-nav > li {
		float: left!important;
	}
	.mob-menu {display: block!important;}
	.logo-nav {display: none!important;}
	.sku-info .action-button .btn {width: 100%;}
	.widget-hotdeal .widget-content .deal-list .sku-info {padding: 0 10px; border: 0;}
	.widget-hotdeal .widget-content .deal-list .sku-info:before {display: none;}
	.widget-hotdeal .widget-content .deal-list .shortdes {display: none!important;}
	#dealdetail .dealid .mc-meta .meta-content {display: none;}
	#dealdetail .dealid .mc-meta .viewmobile {display: block;}
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 800px) {

	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr { border: 1px solid #ccc; }

	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
		min-height: 40px;
	}

	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
	#no-more-tables td .col-md-4 {display: none;}
	#no-more-tables .row {margin-left: 0; margin-right: 0;}
	#no-more-tables .nominal {text-align: right!important;}

	.widget-body .filter span {display: inline-block; width:100%; margin-bottom: 10px;}
	.widget-body .filter select {margin-left: 0!important;}
}

@media only screen and (min-width: 1025px) {
	/*.fixed .logo-nav {width: 34%;}*/
}