﻿html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header{background-position:left;}
	.headerClub {margin: 5px; height:90px;}
	.sub-menu {width: 100%; border:0;}
	.megamenu .container {	padding: 0;}
	.dropdown-menu.megamenu-content {	width: 100%;}
	.nav.navbar-nav {	background:#FFF;	margin: 0;	top: 0px;	position: absolute;	min-width: 100%; left:0;}
	.navbar-default .navbar-toggle {top: 0;}
	.navbar-default .navbar-nav > li > a {border-bottom: 1px solid #1B365D;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {border-bottom: 1px solid #FFF;}
	.header.tiny > .navbar.navbar-default {	position: relative;left: 0;}
	.basketSearch.tiny_basket {top: -40px;}
	.footer-logo img {height:90px;}
	
	.footer {padding-top:0}
	.footer .col-xs-4 {	width: 100%;}	
	.footer .col-xs-6 {	width: 100%;}
	.footer .col-md-4 {width:100%}
	.footer .mains-foots {padding:0;margin:0;width: 100%;border-bottom: 1px solid #e1e1e1;}
	.footer .mains-foots img {margin:10px 30px;}
	.footer .minor-foots {padding:0;margin:0;width: 100%;}
	.social-icons__container {padding:20px; width: 90%}
		
	#pop3 {padding: 5px}
	.pop2Detail{padding: 50px 0;}
	.pop-button-closeB {right: 120px;}
	.producttabs {width: 100%	}
	#signIn {width:50px;}
	.logIn {margin: 0;}
	.basketSearch {width:auto; top:80px;}
	#social_block {	float: none;	margin-left: 0;}	
	#list_of_items {width:80%;text-align:center;}
	
	.col-xs-4 {	width: 100%;}	
	.col-xs-6 {	width: 100%;}
	#newsletterRow {height:155px;}
	.container-slider {  }

	.deptLoop {margin: 5px;width:auto;padding:5px;}	  
  	.subDeptLoop {width:auto;}

	#BreadcrumbGroup {display:none;}

	.no_label {padding-left:0px;}
	.rwd-break {display:inline;}
	.smlLabel {width:12.5em;}
	#productStitch {margin:0 auto 10px; width:180px;}
	.ProductCell {width:100%;}
	textarea {width:250px;}
	.ShirtBack {	position: relative;	left:-85px;width: 525px;	} /* note - only for this width */
	#PlayerImg {position:relative; top:150px; left:100px;}
	#Total {position:relative;    }
	input[name="quantity"] {	min-width: 80px;}
   .ui-accordion .ui-accordion-content {	padding: 3px;overflow: hidden;}	
   .tablink {padding: 10px 5px;}	
	 #addBag {	width: 250px;	border-radius: 0;	margin: 45px 0;}	
	.itemTab {width: 100%; margin: 5px 0}
	#company_detail {height:auto;padding-right: 59px;}
	#product_browser label {width:auto;}
	.price {float:none;}
	form[name="addr"] {	width: 100%; padding:5px;}
	
	.StyleProductticket {;padding-top:0px;}
	.StyleProductFloat {float:none;}
	.miniHeader {display:none;}
	
	.StyleDescription {width:100%; margin-left:0px;} 
	.StyleUnitPrice { width:100%;}
	.StyleCost { width:100%;}
	.StyleTicket {margin-left:0px;width:100%;} 
	.StyleEvent {width: 100%;}
	.StyleLocation {margin-left: 0px;margin-right:0px;width: 100%;}
	.StyleTicketPrice {width: 100%;}
	.StyleQuantity {width:100%;padding:0;}
	.StyleStatus {width:100%;}
	
	.StyleUnitPrice::before {content:"Price : ";font-weight:bold;}
	.StyleCost::before {content:"Total : ";font-weight:bold;}
	.StyleDescription::before {content:"Item : ";font-weight:bold;} 
	.StyleTicket::before {content:"Ticket Type : ";font-weight:bold;} 
	.StyleEvent::before{content:"Event : ";font-weight:bold;}
	.StyleLocation::before {content:"Stand : ";font-weight:bold;}
	.StyleTicketPrice::before {content:"Price : ";font-weight:bold;}
	.StyleQuantity::before{content:"Quantity : ";font-weight:bold;}
	.StyleDate::before {content: "Date / Ref no : ";font-weight: bold;}
	.StyleConfirmationNumber::before {content:"Confirmation No : ";font-weight: bold;}
	.StyleStatus::before {content: "Status : ";font-weight: bold;}
	#orderHistory .StyleQuantity {width:100%;padding:0;}
	#orderHistory .StyleConfirmationNumber::after {content: "----------------";float: left;}
	#confirmOrder .StyleQuantity {width:100%;padding:0;}
	#confirmOrder .StyleConfirmationNumber::after {content: "----------------";float: left;}

	.mainState {padding: 0px 5px; margin: 0 0 50px 0;}
	#rightShop h2 {font-size: 20px;letter-spacing: 1px;}
	 #rightShop {margin:0;}	
	#login_new {width:100%;  }
	#login_exist {padding-top: 10px }
	.mobileShop {display:block;cursor: pointer;border-bottom: 2px solid #d6d6d6;border-top: 2px solid #d6d6d6;padding: 15px 0;margin:5px 0 0 0;}
	#mobileShop {display: none;}
	#imgProduct {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;    }
	#leftShip {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;    }
	#leftPage {float: none;margin-right:0;width:auto;border:0;border-bottom:0px solid #fff;    }
	#leftConfirm {float: none;margin-right:0;width:auto;border:0;border-bottom:0px solid #fff;    }
	#leftShop {float: none;padding: 5px; margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;  }
	.splitShop {overflow:visible;}
	#showHide {	width: 100%;	left: 0;}
	#imgProductPopup {  float: none;}
	
	#leftBasket {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff; width:100%;   }
	#rightBasket .viewBasketModule {position:relative;width: 100%;right: 20px;top: 25px;}
	.shipAdd {display: block;	padding-top: 15px;}			
	.pop4Detail {padding: 20px 10px 50px 10px;width:auto;max-width:450px;}
	.loginbtn {margin-left: 0px;}
	nav .wrap-nav{background: none; border: none; z-index:100;}
	.logInButton::after { padding: 0px 20px;}
	#confirmOrder input.btn {margin: 10px auto;}	

	#categories {width:95%;margin-top:0px}
	#products {width:98%;float:none;}
	#navigation {display:block;}
	#pagination-container {clear: both;}
	
	table, thead, tbody, th, td, tr {	display: block; 	}
	td {position: relative;padding-left: 50%; 	}
	td:before { position: absolute;	top: 6px;	left: 6px;	width: 45%; padding-right: 10px; white-space: nowrap;	}
	#quickAdd .wrap-col.item-1 {width: 100%;float:none;}
	#orderHistory .StyleDescription {  width:340px;  display:inline-block;}
	#orderHistory .StyleUnitPrice {display: none;}
	#orderHistory .StyleCost {display: none;} 
	#orderHistory .StyleStatus {display: none;} 
	#orderHistory	td {position: relative;padding: 0;display:inline flow-root;height:45px 	}

	.promoItem {width: 100%;padding: 9px 0;}
	.userSession {width: 100%;}
	.selectedAccount {width: 100%;padding:10px;}
	
	div#Thumbs {min-height: 170px;max-width: 100%;width: auto;}
	#textProduct {overflow: visible;}
	#PlayerImg {position: relative;top: -85px;left: 100px;}
	input {width: 300px}
	select {width:300px;margin: 10px 0;}
	.logIn div {padding: 0;}
	#addressList {margin:0}
	#address_pick {	margin: 10px 0;display: inline-block;}
	.searchBox {display:none;}
	.logo-img  {padding:0;}
	.page-header .logo-container .logo {margin:0px}
	.groham-nav .navbar-toggle {	border-color: #9f0000;	border-radius: 0;	float: left;	background: #9f0000;	margin: 0;	height: 82px;	width: 72px;top: -83px;position: absolute;}
	.navbar-toggle .icon-bar {	display: block;	width: 30px;	height: 4px;	border-radius: 0;margin-left: 10px;}
	.groham-nav .navbar-toggle .icon-bar {	background-color: #FFF;}
	.navbar-nav > li {	display: inline-block;	float: left;	width: 100%;	height: 50px;	border-bottom: 1px solid #d6d6d6;	text-align: left;}
	.groham-nav .nav > li > ul.megamenu-content {	padding: 30px;	box-shadow: none;	border-bottom: 0px solid #f9ea01;	background: #f2f2f2;	width: 100%;	left: 0 !important;}
	.groham-nav .nav > li > a:hover {	border-bottom: 0px solid #f9ea01;	background: transparent;}
	.logo-img img {	height: 60px;margin:22px;}
	.userDetail {height:100px}
		
	#vouchers {	float: none;	margin: 20px 0;}	 
	.EndTotalLines {	width: 100%;	float: none;	padding: 20px;	margin: 0px 0 40px 0;}
	.page-header .logo-container {width: 100%}

}

@media only screen and (max-width: 767px) {
	.header{background-position:left;}
	.headerClub {margin: 5px; height:90px;}
	.sub-menu {width: 100%; border:0;}
	.megamenu .container {	padding: 0;}
	.dropdown-menu.megamenu-content {	width: 100%;}
	.nav.navbar-nav {	background:#FFF;	margin: 0;	top: 0px;	position: absolute;	min-width: 100%; left:0;}
	.navbar-default .navbar-toggle {top: 0;}
	.navbar-default .navbar-nav > li > a {border-bottom: 1px solid #1B365D;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {border-bottom: 1px solid #FFF;}
	.header.tiny > .navbar.navbar-default {	position: relative;left: 0;}
	.basketSearch.tiny_basket {top: -40px;}
	.footer-logo img {height:90px;}
	
	.footer {padding-top:0}
	.footer .col-xs-4 {	width: 100%;}	
	.footer .col-xs-6 {	width: 100%;}
	.footer .col-md-4 {width:100%}
	.footer .mains-foots {padding:0;margin:0;width: 100%;border-bottom: 1px solid #e1e1e1;}
	.footer .mains-foots img {margin:10px 30px;}
	.footer .minor-foots {padding:0;margin:0;width: 100%;}
	.social-icons__container {padding:20px; width: 90%}
		
	#pop3 {padding: 5px}
	.pop2Detail{padding: 50px 0;}
	.pop-button-closeB {right: 120px;}
	.producttabs {width: 100%	}
	#signIn {width:50px;}
	.logIn {margin: 0;}
	.basketSearch {width:auto; top:80px;}
	#social_block {	float: none;	margin-left: 0;}	
	#list_of_items {width:80%;text-align:center;}
	
	.col-xs-4 {	width: 100%;}	
	.col-xs-6 {	width: 100%;}
	#newsletterRow {height:155px;}
	.container-slider {  }

	.deptLoop {margin: 5px;width:auto;padding:5px;}	  
  	.subDeptLoop {width:auto;}

	#BreadcrumbGroup {display:none;}

	.no_label {padding-left:0px;}
	.rwd-break {display:inline;}
	.smlLabel {width:12.5em;}
	#productStitch {margin:0 auto 10px; width:180px;}
	.ProductCell {width:100%;}
	textarea {width:250px;}
	.ShirtBack {	position: relative;	left:-85px;width: 525px;	} /* note - only for this width */
	#PlayerImg {position:relative; top:150px; left:100px;}
	#Total {position:relative;    }
	input[name="quantity"] {	min-width: 80px;}
   .ui-accordion .ui-accordion-content {	padding: 3px;overflow: hidden;}	
   .tablink {padding: 10px 5px;}	
	 #addBag {	width: 250px;	border-radius: 0;	margin: 45px 0;}	
	.itemTab {width: 100%; margin: 5px 0}
	#company_detail {height:auto;padding-right: 59px;}
	#product_browser label {width:auto;}
	.price {float:none;}
	form[name="addr"] {	width: 100%; padding:5px;}
	
	.StyleProductticket {;padding-top:0px;}
	.StyleProductFloat {float:none;}
	.miniHeader {display:none;}
	
	.StyleDescription {width:100%; margin-left:0px;} 
	.StyleUnitPrice { width:100%;}
	.StyleCost { width:100%;}
	.StyleTicket {margin-left:0px;width:100%;} 
	.StyleEvent {width: 100%;}
	.StyleLocation {margin-left: 0px;margin-right:0px;width: 100%;}
	.StyleTicketPrice {width: 100%;}
	.StyleQuantity {width:100%;padding:0;}
	.StyleStatus {width:100%;}
	
	.StyleUnitPrice::before {content:"Price : ";font-weight:bold;}
	.StyleCost::before {content:"Total : ";font-weight:bold;}
	.StyleDescription::before {content:"Item : ";font-weight:bold;} 
	.StyleTicket::before {content:"Ticket Type : ";font-weight:bold;} 
	.StyleEvent::before{content:"Event : ";font-weight:bold;}
	.StyleLocation::before {content:"Stand : ";font-weight:bold;}
	.StyleTicketPrice::before {content:"Price : ";font-weight:bold;}
	.StyleQuantity::before{content:"Quantity : ";font-weight:bold;}
	.StyleDate::before {content: "Date / Ref. No : ";font-weight: bold;}
	.StyleConfirmationNumber::before {content:"Confirmation No : ";font-weight: bold;}
	.StyleStatus::before {content: "Status : ";font-weight: bold;}
	#orderHistory .StyleQuantity {width:100%;padding:0;}
	#orderHistory .StyleConfirmationNumber::after {content: "----------------";float: left;}
	#confirmOrder .StyleQuantity {width:100%;padding:0;}
	#confirmOrder .StyleConfirmationNumber::after {content: "----------------";float: left;}

	.mainState {padding: 0px 5px; margin: 0 0 50px 0;}
	#rightShop h2 {font-size: 20px;letter-spacing: 1px;}
	 #rightShop {margin:0;}	
	#login_new {width:100%;  }
	#login_exist {padding-top: 10px }
	.mobileShop {display:block;cursor: pointer;border-bottom: 2px solid #d6d6d6;border-top: 2px solid #d6d6d6;padding: 15px 0;margin:5px 0 0 0;}
	#mobileShop {display: none;}
	#imgProduct {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;    }
	#leftShip {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;    }
	#leftPage {float: none;margin-right:0;width:auto;border:0;border-bottom:0px solid #fff;    }
	#leftConfirm {float: none;margin-right:0;width:auto;border:0;border-bottom:0px solid #fff;    }
	#leftShop {float: none;padding: 5px; margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;  }
	.splitShop {overflow:visible;}
	#showHide {	width: 100%;	left: 0;}
	#imgProductPopup {  float: none;}
	
	#leftBasket {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff; width:100%;   }
	#rightBasket .viewBasketModule {position:relative;width: 100%;right: 20px;top: 25px;}
	.shipAdd {display: block;	padding-top: 15px;}			
	.pop4Detail {padding: 20px 10px 50px 10px;width:auto;max-width:450px;}
	.loginbtn {margin-left: 0px;}
	nav .wrap-nav{background: none; border: none; z-index:100;}
	.logInButton::after { padding: 0px 20px;}
	#confirmOrder input.btn {margin: 10px auto;}	

	#categories {width:95%;margin-top:0px}
	#products {width:98%;float:none;}
	#navigation {display:block;}
	#pagination-container {clear: both;}
	
	table, thead, tbody, th, td, tr {	display: block; 	}
	td {position: relative;padding-left: 50%; 	}
	td:before { position: absolute;	top: 6px;	left: 6px;	width: 45%; padding-right: 10px; white-space: nowrap;	}
	#orderHistory .StyleDescription {  width:340px;  display:inline-block;}
	#orderHistory .StyleUnitPrice {display: none;}
	#orderHistory .StyleCost {display: none;} 
	#orderHistory .StyleStatus {display: none;} 
	#orderHistory	td {position: relative;padding: 0;display:inline flow-root;height:45px 	}

	#quickAdd .wrap-col.item-1 {width: 100%;float:none;}

	.promoItem {width: 100%;padding: 9px 0;}
	.userSession {width: 100%;}
	.selectedAccount {width: 100%;padding:10px;}
	
	div#Thumbs {min-height: 170px;max-width: 100%;width: auto;}
	#textProduct {overflow: visible;}
	#PlayerImg {position: relative;top: -85px;left: 100px;}
	input {width: 300px}
	select {width:300px;margin: 10px 0;}
	.logIn div {padding: 0;}
	#addressList {margin:0}
	#address_pick {	margin: 10px 0;display: inline-block;}
	.searchBox {display:none;}
	.logo-img  {padding:0;}
	.page-header .logo-container .logo {margin:0px}
	.groham-nav .navbar-toggle {	border-color: #9f0000;	border-radius: 0;	float: left;	background: #9f0000;	margin: 0;	height: 82px;	width: 72px;top: -83px;position: absolute;}
	.navbar-toggle .icon-bar {	display: block;	width: 30px;	height: 4px;	border-radius: 0;margin-left: 10px;}
	.groham-nav .navbar-toggle .icon-bar {	background-color: #FFF;}
	.navbar-nav > li {	display: inline-block;	float: left;	width: 100%;	height: 50px;	border-bottom: 1px solid #d6d6d6;	text-align: left;}
	.groham-nav .nav > li > ul.megamenu-content {	padding: 30px;	box-shadow: none;	border-bottom: 0px solid #f9ea01;	background: #f2f2f2;	width: 100%;	left: 0 !important;}
	.groham-nav .nav > li > a:hover {	border-bottom: 0px solid #f9ea01;	background: transparent;}
	.logo-img img {	height: 60px;margin:22px;}
	.userDetail {height:100px}
		
	#vouchers {	float: none;	margin: 20px 0;}	 
	.EndTotalLines {	width: 100%;	float: none;	padding: 20px;	margin: 0px 0 40px 0;}
	.page-header .logo-container {width: 100%}

}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	.header{background-position:left;}
	.headerClub {margin: 5px; height:90px;}
	.sub-menu {width: 100%; border:0;}
	.megamenu .container {	padding: 0;}
	.dropdown-menu.megamenu-content {	width: 100%;}
	.nav.navbar-nav {	background:#FFF;	margin: 0;	top: 0px;	position: absolute;	min-width: 100%; left:0;}
	.navbar-default .navbar-toggle {top: 0;}
	.navbar-default .navbar-nav > li > a {border-bottom: 1px solid #1B365D;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {border-bottom: 1px solid #FFF;}
	.header.tiny > .navbar.navbar-default {	position: relative;left: 0;}
	.basketSearch.tiny_basket {top: -40px;}
	.footer-logo img {height:90px;}
	
	.footer {padding-top:0}
	.footer .col-xs-4 {	width: 100%;}	
	.footer .col-xs-6 {	width: 100%;}
	.footer .col-md-4 {width:100%}
	.footer .mains-foots {padding:0;margin:0;width: 100%;border-bottom: 1px solid #e1e1e1;}
	.footer .mains-foots img {margin:10px 30px;}
	.footer .minor-foots {padding:0;margin:0;width: 100%;}
	.social-icons__container {padding:20px; width: 90%}
		
	#pop3 {padding: 5px}
	.pop2Detail{padding: 50px 0;}
	.pop-button-closeB {right: 120px;}
	.producttabs {width: 100%	}
	#signIn {width:50px;}
	.logIn {margin: 0;}
	.basketSearch {width:auto; top:80px;}
	#social_block {	float: none;	margin-left: 0;}	
	#list_of_items {width:80%;text-align:center;}
	
	.col-xs-4 {	width: 100%;}	
	.col-xs-6 {	width: 100%;}
	#newsletterRow {height:155px;}
	.container-slider {  }

	.deptLoop {margin: 5px;width:auto;padding:5px;}	  
  	.subDeptLoop {width:auto;}

	#BreadcrumbGroup {display:none;}

	.no_label {padding-left:0px;}
	.rwd-break {display:inline;}
	.smlLabel {width:12.5em;}
	#productStitch {margin:0 auto 10px; width:180px;}
	.ProductCell {width:100%;}
	textarea {width:250px;}
	.ShirtBack {	position: relative;	left:-85px;width: 525px;	} /* note - only for this width */
	#PlayerImg {position:relative; top:150px; left:100px;}
	#Total {position:relative;    }
	input[name="quantity"] {	min-width: 80px;}
   .ui-accordion .ui-accordion-content {	padding: 3px;overflow: hidden;}	
   .tablink {padding: 10px 5px;}	
	 #addBag {	width: 250px;	border-radius: 0;	margin: 45px 0;}	
	.itemTab {width: 100%; margin: 5px 0}
	#company_detail {height:auto;padding-right: 59px;}
	#product_browser label {width:auto;}
	.price {float:none;}
	form[name="addr"] {	width: 100%; padding:5px;}
	
	.StyleProductticket {;padding-top:0px;}
	.StyleProductFloat {float:none;}
	.miniHeader {display:none;}
	
	.StyleDescription {width:100%; margin-left:0px;} 
	.StyleUnitPrice { width:100%;}
	.StyleCost { width:100%;}
	.StyleTicket {margin-left:0px;width:100%;} 
	.StyleEvent {width: 100%;}
	.StyleLocation {margin-left: 0px;margin-right:0px;width: 100%;}
	.StyleTicketPrice {width: 100%;}
	.StyleQuantity {width:100%;padding:0;}
	.StyleStatus {width:100%;}
	
	.StyleUnitPrice::before {content:"Price : ";font-weight:bold;}
	.StyleCost::before {content:"Total : ";font-weight:bold;}
	.StyleDescription::before {content:"Item : ";font-weight:bold;} 
	.StyleTicket::before {content:"Ticket Type : ";font-weight:bold;} 
	.StyleEvent::before{content:"Event : ";font-weight:bold;}
	.StyleLocation::before {content:"Stand : ";font-weight:bold;}
	.StyleTicketPrice::before {content:"Price : ";font-weight:bold;}
	.StyleQuantity::before{content:"Quantity : ";font-weight:bold;}
	.StyleDate::before {content: "Date / Ref no : ";font-weight: bold;}
	.StyleConfirmationNumber::before {content:"Confirmation No : ";font-weight: bold;}
	.StyleStatus::before {content: "Status : ";font-weight: bold;}
	#orderHistory .StyleQuantity {width:100%;padding:0;}
	#orderHistory .StyleConfirmationNumber::after {content: "----------------";float: left;}
	#confirmOrder .StyleQuantity {width:100%;padding:0;}
	#confirmOrder .StyleConfirmationNumber::after {content: "----------------";float: left;}

	.mainState {padding: 0px 5px; margin: 0 0 50px 0;}
	#rightShop h2 {font-size: 20px;letter-spacing: 1px;}
	 #rightShop {margin:0;}	
	#login_new {width:100%;  }
	#login_exist {padding-top: 10px }
	.mobileShop {display:block;cursor: pointer;border-bottom: 2px solid #d6d6d6;border-top: 2px solid #d6d6d6;padding: 15px 0;margin:5px 0 0 0;}
	#mobileShop {display: none;}
	#imgProduct {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;    }
	#leftShip {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;    }
	#leftPage {float: none;margin-right:0;width:auto;border:0;border-bottom:0px solid #fff;    }
	#leftConfirm {float: none;margin-right:0;width:auto;border:0;border-bottom:0px solid #fff;    }
	#leftShop {float: none;padding: 5px; margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;  }
	.splitShop {overflow:visible;}
	#showHide {	width: 100%;	left: 0;}
	#imgProductPopup {  float: none;}
	
	#leftBasket {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff; width:100%;   }
	#rightBasket .viewBasketModule {position:relative;width: 100%;right: 20px;top: 25px;}
	.shipAdd {display: block;	padding-top: 15px;}			
	.pop4Detail {padding: 20px 10px 50px 10px;width:auto;max-width:450px;}
	.loginbtn {margin-left: 0px;}
	nav .wrap-nav{background: none; border: none; z-index:100;}
	.logInButton::after { padding: 0px 20px;}
	#confirmOrder input.btn {margin: 10px auto;}	

	#categories {width:95%;margin-top:0px}
	#products {width:98%;float:none;}
	#navigation {display:block;}
	#pagination-container {clear: both;}
	
	table, thead, tbody, th, td, tr {	display: block; 	}
	td {position: relative;padding-left: 50%; 	}
	td:before { position: absolute;	top: 6px;	left: 6px;	width: 45%; padding-right: 10px; white-space: nowrap;	}
	#orderHistory .StyleDescription {  width:340px;  display:inline-block;}
	#orderHistory .StyleUnitPrice {display: none;}
	#orderHistory .StyleCost {display: none;} 
	#orderHistory .StyleStatus {display: none;} 
	#orderHistory	td {position: relative;padding: 0;display:inline flow-root;height:45px 	}
	
	#quickAdd .wrap-col.item-1 {width: 100%;float:none;}

	.promoItem {width: 100%;padding: 9px 0;}
	.userSession {width: 100%;}
	.selectedAccount {width: 100%;padding:10px;}
	
	div#Thumbs {min-height: 170px;max-width: 100%;width: auto;}
	#textProduct {overflow: visible;}
	#PlayerImg {position: relative;top: -85px;left: 100px;}
	input {width: 300px}
	select {width:300px;margin: 10px 0;}
	.logIn div {padding: 0;}
	#addressList {margin:0}
	#address_pick {	margin: 10px 0;display: inline-block;}
	.searchBox {display:none;}
	.logo-img  {padding:0;}
	.page-header .logo-container .logo {margin:0px}
	.groham-nav .navbar-toggle {	border-color: #9f0000;	border-radius: 0;	float: left;	background: #9f0000;	margin: 0;	height: 82px;	width: 72px;top: -83px;position: absolute;}
	.navbar-toggle .icon-bar {	display: block;	width: 30px;	height: 4px;	border-radius: 0;margin-left: 10px;}
	.groham-nav .navbar-toggle .icon-bar {	background-color: #FFF;}
	.navbar-nav > li {	display: inline-block;	float: left;	width: 100%;	height: 50px;	border-bottom: 1px solid #d6d6d6;	text-align: left;}
	.groham-nav .nav > li > ul.megamenu-content {	padding: 30px;	box-shadow: none;	border-bottom: 0px solid #f9ea01;	background: #f2f2f2;	width: 100%;	left: 0 !important;}
	.groham-nav .nav > li > a:hover {	border-bottom: 0px solid #f9ea01;	background: transparent;}
	.logo-img img {	height: 60px;margin:22px;}
	.userDetail {height:100px}
			
	#vouchers {	float: none;	margin: 20px 0;}	 
	.EndTotalLines {	width: 100%;	float: none;	padding: 20px;	margin: 0px 0 40px 0;}
	.page-header .logo-container {width: 100%}

}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	.header{background-position:left;}
	.headerClub {margin: 5px; height:90px;}
	.sub-menu {width: 100%; border:0;}
	.megamenu .container {	padding: 0;}
	.dropdown-menu.megamenu-content {	width: 100%;}
	.nav.navbar-nav {	background:#FFF;	margin: 0;	top: 0px;	position: absolute;	min-width: 100%; left:0;}
	.navbar-default .navbar-toggle {top: 0;}
	.navbar-default .navbar-nav > li > a {border-bottom: 1px solid #1B365D;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {border-bottom: 1px solid #FFF;}
	.header.tiny > .navbar.navbar-default {	position: relative;left: 0;}
	.basketSearch.tiny_basket {top: -40px;}
	.footer-logo img {height:90px;}
	
	.footer {padding-top:0}
	.footer .col-xs-4 {	width: 100%;}	
	.footer .col-xs-6 {	width: 100%;}
	.footer .col-md-4 {width:100%}
	.footer .mains-foots {padding:0;margin:0;width: 100%;border-bottom: 1px solid #e1e1e1;}
	.footer .mains-foots img {margin:10px 30px;}
	.footer .minor-foots {padding:0;margin:0;width: 100%;}
	.social-icons__container {padding:20px; width: 90%}
		
	#pop3 {padding: 5px}
	.pop2Detail{padding: 50px 0;}
	.pop-button-closeB {right: 120px;}
	.producttabs {width: 100%	}
	#signIn {width:50px;}
	.logIn {margin: 0;}
	.basketSearch {width:auto; top:80px;}
	#social_block {	float: none;	margin-left: 0;}	
	#list_of_items {width:80%;text-align:center;}
	
	.col-xs-4 {	width: 100%;}	
	.col-xs-6 {	width: 100%;}
	#newsletterRow {height:155px;}
	.container-slider {  }

	.deptLoop {margin: 5px;width:auto;padding:5px;}	  
  	.subDeptLoop {width:auto;}

	#BreadcrumbGroup {display:none;}

	.no_label {padding-left:0px;}
	.rwd-break {display:inline;}
	.smlLabel {width:12.5em;}
	#productStitch {margin:0 auto 10px; width:180px;}
	.ProductCell {width:100%;}
	textarea {width:250px;}
	.ShirtBack {	position: relative;	left:-85px;width: 525px;	} /* note - only for this width */
	#PlayerImg {position:relative; top:150px; left:100px;}
	#Total {position:relative;    }
	input[name="quantity"] {	min-width: 80px;}
   .ui-accordion .ui-accordion-content {	padding: 3px;overflow: hidden;}	
   .tablink {padding: 10px 5px;}	
	 #addBag {	width: 250px;	border-radius: 0;	margin: 45px 0;}	
	.itemTab {width: 100%; margin: 5px 0}
	#company_detail {height:auto;padding-right: 59px;}
	#product_browser label {width:auto;}
	.price {float:none;}
	form[name="addr"] {	width: 100%; padding:5px;}
	
	.StyleProductticket {;padding-top:0px;}
	.StyleProductFloat {float:none;}
	.miniHeader {display:none;}
	
	.StyleDescription {width:100%; margin-left:0px;} 
	.StyleUnitPrice { width:100%;}
	.StyleCost { width:100%;}
	.StyleTicket {margin-left:0px;width:100%;} 
	.StyleEvent {width: 100%;}
	.StyleLocation {margin-left: 0px;margin-right:0px;width: 100%;}
	.StyleTicketPrice {width: 100%;}
	.StyleQuantity {width:100%;padding:0;}
	.StyleStatus {width:100%;}
	
	.StyleUnitPrice::before {content:"Price : ";font-weight:bold;}
	.StyleCost::before {content:"Total : ";font-weight:bold;}
	.StyleDescription::before {content:"Item : ";font-weight:bold;} 
	.StyleTicket::before {content:"Ticket Type : ";font-weight:bold;} 
	.StyleEvent::before{content:"Event : ";font-weight:bold;}
	.StyleLocation::before {content:"Stand : ";font-weight:bold;}
	.StyleTicketPrice::before {content:"Price : ";font-weight:bold;}
	.StyleQuantity::before{content:"Quantity : ";font-weight:bold;}
	.StyleDate::before {content: "Date / Ref no : ";font-weight: bold;}
	.StyleConfirmationNumber::before {content:"Confirmation No : ";font-weight: bold;}
	.StyleStatus::before {content: "Status : ";font-weight: bold;}
	#orderHistory .StyleQuantity {width:100%;padding:0;}
	#orderHistory .StyleConfirmationNumber::after {content: "----------------";float: left;}
	#confirmOrder .StyleQuantity {width:100%;padding:0;}
	#confirmOrder .StyleConfirmationNumber::after {content: "----------------";float: left;}

	.mainState {padding: 0px 5px; margin: 0 0 50px 0;}
	#rightShop h2 {font-size: 20px;letter-spacing: 1px;}
	 #rightShop {margin:0;}	
	#login_new {width:100%;  }
	#login_exist {padding-top: 10px }
	.mobileShop {display:block;cursor: pointer;border-bottom: 2px solid #d6d6d6;border-top: 2px solid #d6d6d6;padding: 15px 0;margin:5px 0 0 0;}
	#mobileShop {display: none;}
	#imgProduct {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;    }
	#leftShip {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;    }
	#leftPage {float: none;margin-right:0;width:auto;border:0;border-bottom:0px solid #fff;    }
	#leftConfirm {float: none;margin-right:0;width:auto;border:0;border-bottom:0px solid #fff;    }
	#leftShop {float: none;padding: 5px; margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;  }
	.splitShop {overflow:visible;}
	#showHide {	width: 100%;	left: 0;}
	#imgProductPopup {  float: none;}
	
	#leftBasket {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff; width:100%;   }
	#rightBasket .viewBasketModule {position:relative;width: 100%;right: 20px;top: 25px;}
	.shipAdd {display: block;	padding-top: 15px;}			
	.pop4Detail {padding: 20px 10px 50px 10px;width:auto;max-width:450px;}
	.loginbtn {margin-left: 0px;}
	nav .wrap-nav{background: none; border: none; z-index:100;}
	.logInButton::after { padding: 0px 20px;}
	#confirmOrder input.btn {margin: 10px auto;}	

	#categories {width:95%;margin-top:0px}
	#products {width:98%;float:none;}
	#navigation {display:block;}
	#pagination-container {clear: both;}
	
	table, thead, tbody, th, td, tr {	display: block; 	}
	td {position: relative;padding-left: 50%; 	}
	td:before { position: absolute;	top: 6px;	left: 6px;	width: 45%; padding-right: 10px; white-space: nowrap;	}
	#orderHistory .StyleDescription {  width:340px;  display:inline-block;}
	#orderHistory .StyleUnitPrice {display: none;}
	#orderHistory .StyleCost {display: none;} 
	#orderHistory .StyleStatus {display: none;} 
	#orderHistory	td {position: relative;padding: 0;display:inline flow-root;height:45px 	}
	#orderHistory .StyleDescription {  width:340px;  display:inline-block;}
	#orderHistory .StyleUnitPrice {display: none;}
	#orderHistory .StyleCost {display: none;} 
	#orderHistory .StyleStatus {display: none;} 
	#orderHistory	td {position: relative;padding: 0;display:inline flow-root;height:45px 	}

	#quickAdd .wrap-col.item-1 {width: 100%;float:none;}

	.promoItem {width: 100%;padding: 9px 0;}
	.userSession {width: 100%;}
	.selectedAccount {width: 100%;padding:10px;}
	
	div#Thumbs {min-height: 170px;max-width: 100%;width: auto;}
	#textProduct {overflow: visible;}
	#PlayerImg {position: relative;top: -85px;left: 100px;}
	input {width: 300px}
	select {width:300px;margin: 10px 0;}
	.logIn div {padding: 0;}
	#addressList {margin:0}
	#address_pick {	margin: 10px 0;display: inline-block;}
	.searchBox {display:none;}
	.logo-img  {padding:0;}
	.page-header .logo-container .logo {margin:0px}
	.groham-nav .navbar-toggle {	border-color: #9f0000;	border-radius: 0;	float: left;	background: #9f0000;	margin: 0;	height: 82px;	width: 72px;top: -83px;position: absolute;}
	.navbar-toggle .icon-bar {	display: block;	width: 30px;	height: 4px;	border-radius: 0;margin-left: 10px;}
	.groham-nav .navbar-toggle .icon-bar {	background-color: #FFF;}
	.navbar-nav > li {	display: inline-block;	float: left;	width: 100%;	height: 50px;	border-bottom: 1px solid #d6d6d6;	text-align: left;}
	.groham-nav .nav > li > ul.megamenu-content {	padding: 30px;	box-shadow: none;	border-bottom: 0px solid #f9ea01;	background: #f2f2f2;	width: 100%;	left: 0 !important;}
	.groham-nav .nav > li > a:hover {	border-bottom: 0px solid #f9ea01;	background: transparent;}
	.logo-img img {	height: 60px;margin:22px;}
	.userDetail {height:100px}
		
	#vouchers {	float: none;	margin: 20px 0;}	 
	.EndTotalLines {	width: 100%;	float: none;	padding: 20px;	margin: 0px 0 40px 0;}
	.page-header .logo-container {width: 100%}

}

@media only screen and (max-width: 479px) {
	.header{background-position:left;}
	.headerClub {margin: 5px; height:90px;}
	.sub-menu {width: 100%; border:0;}
	.megamenu .container {	padding: 0;}
	.dropdown-menu.megamenu-content {	width: 100%;}
	.nav.navbar-nav {	background:#FFF;	margin: 0;	top: 0px;	position: absolute;	min-width: 100%; left:0;}
	.navbar-default .navbar-toggle {top: 0;}
	.navbar-default .navbar-nav > li > a {border-bottom: 1px solid #1B365D;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {border-bottom: 1px solid #FFF;}
	.header.tiny > .navbar.navbar-default {	position: relative;left: 0;}
	.basketSearch.tiny_basket {top: -40px;}
	.footer-logo img {height:90px;}
	
	.footer {padding-top:0}
	.footer .col-xs-4 {	width: 100%;}	
	.footer .col-xs-6 {	width: 100%;}
	.footer .col-md-4 {width:100%}
	.footer .mains-foots {padding:0;margin:0;width: 100%;border-bottom: 1px solid #e1e1e1;}
	.footer .mains-foots img {margin:10px 30px;}
	.footer .minor-foots {padding:0;margin:0;width: 100%;}
	.social-icons__container {padding:20px; width: 90%}
		
	#pop3 {padding: 5px}
	.pop2Detail{padding: 50px 0;}
	.pop-button-closeB {right: 120px;}
	.producttabs {width: 100%	}
	#signIn {width:50px;}
	.logIn {margin: 0;}
	.basketSearch {width:auto; top:80px;}
	#social_block {	float: none;	margin-left: 0;}	
	#list_of_items {width:80%;text-align:center;}
	
	.col-xs-4 {	width: 100%;}	
	.col-xs-6 {	width: 100%;}
	#newsletterRow {height:155px;}
	.container-slider {  }

	.deptLoop {margin: 5px;width:auto;padding:5px;}	  
  	.subDeptLoop {width:auto;}

	#BreadcrumbGroup {display:none;}

	.no_label {padding-left:0px;}
	.rwd-break {display:inline;}
	.smlLabel {width:12.5em;}
	#productStitch {margin:0 auto 10px; width:180px;}
	.ProductCell {width:100%;}
	textarea {width:250px;}
	.ShirtBack {	position: relative;	left:-85px;width: 525px;	} /* note - only for this width */
	#PlayerImg {position:relative; top:150px; left:100px;}
	#Total {position:relative;    }
	input[name="quantity"] {	min-width: 80px;}
   .ui-accordion .ui-accordion-content {	padding: 3px;overflow: hidden;}	
   .tablink {padding: 10px 5px;}	
	 #addBag {	width: 250px;	border-radius: 0;	margin: 45px 0;}	
	.itemTab {width: 100%; margin: 5px 0}
	#company_detail {height:auto;padding-right: 59px;}
	#product_browser label {width:auto;}
	.price {float:none;}
	form[name="addr"] {	width: 100%; padding:5px;}
	
	.StyleProductticket {;padding-top:0px;}
	.StyleProductFloat {float:none;}
	.miniHeader {display:none;}
	
	.StyleDescription {width:100%; margin-left:0px;} 
	.StyleUnitPrice { width:100%;}
	.StyleCost { width:100%;}
	.StyleTicket {margin-left:0px;width:100%;} 
	.StyleEvent {width: 100%;}
	.StyleLocation {margin-left: 0px;margin-right:0px;width: 100%;}
	.StyleTicketPrice {width: 100%;}
	.StyleQuantity {width:100%;padding:0;}
	.StyleStatus {width:100%;}
	
	.StyleUnitPrice::before {content:"Price : ";font-weight:bold;}
	.StyleCost::before {content:"Total : ";font-weight:bold;}
	.StyleDescription::before {content:"Item : ";font-weight:bold;} 
	.StyleTicket::before {content:"Ticket Type : ";font-weight:bold;} 
	.StyleEvent::before{content:"Event : ";font-weight:bold;}
	.StyleLocation::before {content:"Stand : ";font-weight:bold;}
	.StyleTicketPrice::before {content:"Price : ";font-weight:bold;}
	.StyleQuantity::before{content:"Quantity : ";font-weight:bold;}
	.StyleDate::before {content: "Date / Ref no : ";font-weight: bold;}
	.StyleConfirmationNumber::before {content:"Confirmation No : ";font-weight: bold;}
	.StyleStatus::before {content: "Status : ";font-weight: bold;}
	#orderHistory .StyleQuantity {width:100%;padding:0;}
	#orderHistory .StyleConfirmationNumber::after {content: "----------------";float: left;}
	#confirmOrder .StyleQuantity {width:100%;padding:0;}
	#confirmOrder .StyleConfirmationNumber::after {content: "----------------";float: left;}

	.mainState {padding: 0px 5px; margin: 0 0 50px 0;}
	#rightShop h2 {font-size: 20px;letter-spacing: 1px;}
	 #rightShop {margin:0;}	
	#login_new {width:100%;  }
	#login_exist {padding-top: 10px }
	.mobileShop {display:block;cursor: pointer;border-bottom: 2px solid #d6d6d6;border-top: 2px solid #d6d6d6;padding: 15px 0;margin:5px 0 0 0;}
	#mobileShop {display: none;}
	#imgProduct {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;    }
	#leftShip {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;    }
	#leftPage {float: none;margin-right:0;width:auto;border:0;border-bottom:0px solid #fff;    }
	#leftConfirm {float: none;margin-right:0;width:auto;border:0;border-bottom:0px solid #fff;    }
	#leftShop {float: none;padding: 5px; margin-right:0;width:auto;border:0;border-bottom:2px solid #fff;  }
	.splitShop {overflow:visible;}
	#showHide {	width: 100%;	left: 0;}
	#imgProductPopup {  float: none;}
	
	#leftBasket {float: none;margin-right:0;width:auto;border:0;border-bottom:2px solid #fff; width:100%;   }
	#rightBasket .viewBasketModule {position:relative;width: 100%;right: 20px;top: 25px;}
	.shipAdd {display: block;	padding-top: 15px;}			
	.pop4Detail {padding: 20px 10px 50px 10px;width:auto;max-width:450px;}
	.loginbtn {margin-left: 0px;}
	nav .wrap-nav{background: none; border: none; z-index:100;}
	.logInButton::after { padding: 0px 20px;}
	#confirmOrder input.btn {margin: 10px auto;}	

	#categories {width:95%;margin-top:0px}
	#products {width:98%;float:none;}
	#navigation {display:block;}
	#pagination-container {clear: both;}
	
	table, thead, tbody, th, td, tr {	display: block; 	}
	td {position: relative;padding-left: 50%; 	}
	td:before { position: absolute;	top: 6px;	left: 6px;	width: 45%; padding-right: 10px; white-space: nowrap;	}
	#orderHistory .StyleDescription {  width:340px;  display:inline-block;}
	#orderHistory .StyleUnitPrice {display: none;}
	#orderHistory .StyleCost {display: none;} 
	#orderHistory .StyleStatus {display: none;} 
	#orderHistory	td {position: relative;padding: 0;display:inline flow-root;height:45px 	}

	#quickAdd .wrap-col.item-1 {width: 100%;float:none;}

	.promoItem {width: 100%;padding: 9px 0;}
	.userSession {width: 100%;}
	.selectedAccount {width: 100%;padding:10px;}
	
	div#Thumbs {min-height: 170px;max-width: 100%;width: auto;}
	#textProduct {overflow: visible;}
	#PlayerImg {position: relative;top: -85px;left: 100px;}
	input {width: 300px}
	select {width:300px;margin: 10px 0;}
	.logIn div {padding: 0;}
	#addressList {margin:0}
	#address_pick {	margin: 10px 0;display: inline-block;}
	.searchBox {display:none;}
	.logo-img  {padding:0;}
	.page-header .logo-container .logo {margin:0px}
	.groham-nav .navbar-toggle {	border-color: #9f0000;	border-radius: 0;	float: left;	background: #9f0000;	margin: 0;	height: 82px;	width: 72px;top: -83px;position: absolute;}
	.navbar-toggle .icon-bar {	display: block;	width: 30px;	height: 4px;	border-radius: 0;margin-left: 10px;}
	.groham-nav .navbar-toggle .icon-bar {	background-color: #FFF;}
	.navbar-nav > li {	display: inline-block;	float: left;	width: 100%;	height: 50px;	border-bottom: 1px solid #d6d6d6;	text-align: left;}
	.groham-nav .nav > li > ul.megamenu-content {	padding: 30px;	box-shadow: none;	border-bottom: 0px solid #f9ea01;	background: #f2f2f2;	width: 100%;	left: 0 !important;}
	.groham-nav .nav > li > a:hover {	border-bottom: 0px solid #f9ea01;	background: transparent;}
	.logo-img img {	height: 60px;margin:22px;}
	.userDetail {height:100px}
	
	#vouchers {	float: none;	margin: 20px 0;}	 
	.EndTotalLines {	width: 100%;	float: none;	padding: 20px;	margin: 0px 0 40px 0;}
	.page-header .logo-container {width: 100%}

}
