@media only screen and (max-width:1024px){
	.spacel-banner { height: 162px;}
	
}

@media only screen and (max-width:768px){
	.spacel-banner { height: 65px;}
	.logo { padding:10px 0; width:100%;}
	section.an-bg { padding-bottom: 0; padding-top: 275px;}
	.navbar-collapse { padding-left:0;}
	.navbar-default .navbar-nav > li > a { padding:0 10px;}
	.navbar-default { margin-bottom:0;}
	.navbar-nav { border:none;}
	.btm-space { margin-bottom:15px;}
	

}

@media only screen and (max-width:480px){
	
	.hidden-480 {display:none!important}
	section.top-head h4 { text-align: center;}
	section.top-head .basket { float: left;}
	section.top-head .social-links { margin-right: 0;}
	section.head-btm .top-call { text-align: center; padding: 0;}
	
	.logo { padding:15px 0; text-align:center;}
	.logo img { margin: 0 auto;}
	.navbar-collapse { padding-left:15px; background: #0f89d1; position: relative; z-index: 999;}
	.navbar-toggle { float:left; border-color:#2e1f6f; margin-top:11px; margin-bottom:11px; margin-left:12px; margin-right:0px; border-radius:3px; position:relative; background:none;}
	.navbar-toggle:after { position:absolute; left:50px; top:3px; content:"Menu"; font-size:18px; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:0.10rem;}
	.navbar-default .navbar-toggle { margin:8px 0 8px 0px; border-color: #fff;}
	.navbar-default .navbar-toggle .icon-bar { background-color:#fff;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#111;}

	.navbar-default .navbar-nav > li > a { line-height:40px; padding:0px 15px;}
	.navbar-default .navbar-nav > li:first-child a { padding-left: 15px;}
	.navbar-nav { margin:0;}
	.form-inline .form-group { margin-bottom:0;}

	.btm-space { margin-bottom:20px;}
	.p-pull-right { float:none !important;}
	
	.slide { position: relative;}
	section.an-bg { background: none; padding: 15px 0; z-index: 0;}
	.WelcomeNote { background: #33a9ee; padding: 10px; margin-bottom: 15px;}
	
	section.signup-con { padding: 0 30px;}

	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){
	.search { width: 58%;}
	.search input { width: 78%;}
	
}