@media only screen and (max-width:768px){

header { height:auto;}
header:before { height:100px; width:70%;}
header:after { left:70%;}

.navbar-nav { float:left;}
.navbar-collapse { padding-left:15px;}
.navbar-toggle { float:left; border-color:#0f0f0f; margin-top:11px; margin-bottom:11px; margin-left:12px; margin-right:0px; border-radius:3px; position:relative;}
.navbar-toggle:after { position:absolute; left:50px; top:3px; content:"Menu"; font-size:18px; font-weight:700; color:#0f0f0f; text-transform:uppercase; letter-spacing:0.10rem;}
.navbar-default .navbar-toggle { background-color:#fac930; margin:5px 0 3px; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; border-color:#0f0f0f;}
.navbar-default .navbar-toggle .icon-bar { background-color:#0f0f0f; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color:#fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#0f0f0f;}
.navbar-default .navbar-nav > li > a { line-height:40px; padding:0px 15px;}
.navbar-nav { margin:0 -15px;}

.search-box { padding:10px 0;}
.form-inline .form-group { margin-bottom:0;}
#frm_search .form-control { font-size:14px;}

.owl-theme .owl-controls { top:-60px; left:41%;}
.p-pull-right { float:none !important;}
.btm-space { margin-bottom:20px;}

.main-cats { background-image:none;}
.welcome-note div { margin-top:20px;}
	
}

@media only screen and (max-width:480px){

.hidden-480 { display:none !important}
header:before { height:100px; width:80%;}
header:after { left:80%;}
.owl-theme .owl-controls { top:-60px; left:38%;}

.signup-bg button { width:50%; margin-top:10px; float:right;}
.btm-space { margin-bottom:20px;}
	
table.ShopCart td, table.ShopCart th { border-right: 0 none;display: block !important;float: none !important;text-align: left !important;width: auto !important;}
table.ShopCart tr td:before {content: attr(data-label);float: left;font-weight: bold;text-align: left;white-space: nowrap;width: 50%;}
table.ShopCart tr td {text-align: right;display: block;min-height: 20px;border-left: none;background: none;}
table.ShopCart thead { display: none; }	
.CartInfo tbody .btn-success { float:right;}
.CartInfo tbody .productd div { float:left;}
.action { flex-basis:100%; text-align:center; max-width:100%;}
h2.page-title { font-size:28px;}
	
}

@media only screen and (max-width:320px){

header .logo { padding:3em 0;}
header .logo img { width:75%;}	
	
}