@media only screen and (max-width: 650px) {
	
	/* HEADER & HOME */
	
	#outerCon {width:100%; max-width:1020px;}
	.mob-hide {display:none}
	#bodyDG {margin:0px 0 0 ;}
	.mob-show {display:block}
	#leftMenu, #mainDetail {width:96%; margin:0 2%}
	.leftMenuButton, .on {background-position: 97% 18px;}
	.leftMenuCat a, .leftMenuCatCurved a {font-size:16px; padding: 10px 0 10px 10px;}
	.banner-mob-home { height: 199px;margin: 0px 2% 10px; width: 96% !important;}
	.banner-mob-home a { width: 100% !important;}
	.banner-mob-home img { height: auto; max-width: 100%;}
	#youAreHereDiv {display:none;}
	#headerCon {height: 70px;border-bottom:2px solid #793d79}
	#logo {  float: left; left: 10px; position: relative; top: -30px;  z-index: 1000;}
	#logo img {width:100px; height:auto}
	.tel-mob { margin: 10px 19px 0 0;}
	.tel-mob a {color: #ff9300; font-family: "Electrolize",sans-serif; font-size: 20px; font-weight: bold; height: auto; text-align: right; text-decoration: none;  width: auto;}
    .tel-mob span { color: #793d79;  font-family: "Electrolize",sans-serif; font-size: 16px;}
	.att-r-wrap { float: right;padding: 10px 0 0;}
	.mob-basket {float:right; padding:0  0 0 10px; margin:0 0 0 10px}
	.mob-search {float:right; padding:0 10px; margin:0 10px}
	.mob-search #searchContainer_mob {display:none;}
	.mob-search #searchContainer_mob { margin: 52px 0 0;  position: absolute;   right: 0px;    top: 2px; width: 100%; z-index: 9999;background: #793d79; height:auto !important}
	.mob-search #searchContainer_mob.open {display:block}
	.mob-search #searchContainer_mob #headerSearchField_mob { color: #666; font-family: Arial,Helvetica,sans-serif;font-size: 16px; height: 30px; margin: 28px 7%; padding: 0 2%;position: relative; right: 0;top: 0; width: 80%;}
	.mob-search #searchContainer #innerContainer_mob {top: 63px;}
	
		/* MOBILE NAV */
		
		.mobile-menu {float:right;}
		.trigger {color: #793d79; font-family: "Electrolize",sans-serif;font-size: 16px; text-decoration:none;}
		.mobile-menu ul { background: none repeat scroll 0 0 #fff; display: none; left: 0; margin: 0; padding: 10px 0; position: absolute;  width: 100%;  z-index: 9999;border-bottom:2px solid #793d79; border-top:2px solid #793d79; list-style:none;}
		.mobile-menu ul.open {display:block}
		.mobile-menu ul li {text-align:center; list-style:none;}
		.mobile-menu ul li a {padding:10px 0;displaY:block;  font-size:16px; font-family: "Electrolize",sans-serif;}
		
		.extendedLeftMenuSub { font-size: 16px; padding: 10px 5% 10px 10%; width:85%; background:#cee377}
		
		/* MOBILE NAV END */
		
	/* FOOTER */
	
	#socialMedia {width:100%; margin:0 0 20px}
	#creditCards {width:100%; margin:0 0 20px}
	#footerMenu1 {width:100%; margin:0 0 0px}
	#footerMenu2 {width:100%; margin:0 0 20px}
	#footerMenu1 ul li a, #footerMenu2 ul li a {font-size:16px; padding:5px 0;}
	#socialMedia .graphicBox a br {display:none;}
	#footerMenu ul li { display: block; float: none; padding: 0 8px; text-align: center;}
	#footerMenu {margin:10px 0 !important; height:auto}
	.checkout-wrap #footerDetailsDG {height:auto !important}
	#footerMenu ul li a { font-size: 16px;padding: 10px 0;}
			
	/* SUBS MAIN INDEX */
	
	#leftColumn {width:96%; margin:0 2%}
	.leftMenuHead {font-size: 19px; padding: 17px 10px 20px; margin: 10px 0 0 0}
	#leftColumn a, #leftColumn a {font-size:16px; padding: 10px 0 10px 10px;}
	.leftMenuBox table td {font-size:17px !important}
	
	.leftMenuSub a, .leftMenuSubCurved a {font-size:16px; padding: 10px 0 10px 10px;}
	
	/* HELP TEMPS */
	
	#helpTextContainer {height:auto !important; padding: 30px 15px;}
	.contact-main {text-align: center;margin:0 !important; width:100%}
	#helpTextContainer .contact-main ul, #helpTextContainer .contact-main ul li {margin:0 0 10px}
	.cont-img {position:relative !important; max-width:100%; height:auto; left:0 !important; margin: 0 auto; display: block;}
	#helpTextContainer h2 {font-size:19px !important}
	#helpTextContainer table {width:100% !important;}
	#questionBox { margin: 20px 0 100px 0px;}
    #questionBox ol {padding:0}
	#pricesTable {margin:0; width:94% !important}
	#helpTextContainer ul.thisUL {width:100%; margin:0}
	#textContainer { margin: 30px 15px 20px;padding: 30px 10px 30px 10px;}
	#textContainer ul {margin: 20px 0px 30px 0px;}
	
	/* BLOG */
	
	#blogSidebar {display:none}
	#blogPosts {width:100%; border:none}
	#blogPosts ul li {width:100%; margin:0 0 15px;}
	.blogPost {max-width:98%}
	.blogEntryThumbnail {width:240px}
	
	
	/* CARD, WRAPPING GALLERY TEMPLATE */
	
	#mainPicCon {display:none}
	#leftDiv {width:100%; margin:20px 0 0 0; cursor:pointer}
	#show-products {width:96%}
	.right-gall-wrap {width:100%}
	.smallPicOuterBorder {margin: 15px;}
	#pageButtonsCon {clear:both;}
	.filter-trigg {font-size:25px; padding:20px 0 0 0; color:#fff;font-family: "Electrolize",sans-serif; text-align:center}
	.pricesPopup {left:auto !important}
	.whiteText {clear: both;font-size: 17px;}
	a.nextPage {float: left;height: 45px;margin: -7px 2px 0 0;padding-top: 23px;width: 43px;}
	
	/* CART CHECKOUT */
	
	.checkout-wrap #billingRightContainer {display:none;}
	.checkout-wrap #textContainer {width:100% !important; height:auto !important}
	.checkout-wrap #navigation {display:none}
	#sendToMe img, #sendDirect img {max-width:100%; height:auto}
	#sendToMe, #sendDirect { display: block; float: none !important;margin: 0 !important;}
	.billing-tab {margin:0 !important}
	.btn-hack {margin: 0 0 0 -55px !important;}
	.basket-res #navigation {display:none}
	#basketLeftContainer {margin:0 !important; width: 100%; border:none; box-sizing:border-box}
	.helpBox {left: -140px;}
	.prod-bask-right, .prod-bask-left {width:100%}
	.prod-bask-right {max-width:400px; float:left}
	#NewBasketRightContainer { margin: 30px 0 30px 10px !important;padding: 30px 5% 20px !important; width: 70% !important;}
	.choose-payment #navigation {display:none}
	.choose-payment #textContainer {padding:0 5px !important}
	.choose-p-left, .choose-p-right {float:none; padding:0; width:100%}
	.gatewayTitle {font-size:22px !important}
	.pay-choice td {display:block;}
	.choose-payment iframe {min-height:1020px !important}
	.pay-choice td .p-btn {width:80% !important; padding:0 !important; margin: 70px 0 0;}
	.pay-choice td img {display:block; margin:0 auto 10px; max-width:100%; height:auto}
	.choose-payment #carddetails table {width:100%}
	.choose-payment #carddetails td {border:none; display:block;}
	.notice-trans table td {display:block}
	#failBox, #successBox {width:100% !important}
	.notice-trans-paypal #textContainer img {display:none}
	.pp-right-txt {margin:0 0 0 15px !important}
	
	
	/* SEARCH PAGE */
	
	.search-res {margin: 20px 2% !important; width: 96% !important;}
	#innerResultsContainer {clear:both;}
	.tab, .tabSelected {width:100% }
	#searchForm {height:auto; margin:10px 2%; width: 96%;}
	#searchForm .refineTextField {width:92%; margin:0 2% 10px;  position:relative; top:0; left:0; padding:4px 2%}
	#searchForm #submitButton {position:relative; left:0;top:0;}
	#searchForm #fldOver18 {clear: both;display: block; left: 0; margin: 10px;  position: relative;top: 0;}
	#loading {left: 0px;position: relative; top: 0px;}
	img.ad-img {max-width:100% !important; height:auto !important}
	#searchForm span {top:0; left:0; position:relative;}
	
	/* BANNER PAGE */
	
	#rightColumn {width:98%; margin:0 1%}
	.banner-wrap #largeImage {display:none}
	.banner-ov-wrap .thumbnailCon {width:47%}
	.banner-ov-wrap .thumbnailCon .thumbnail { display: block;margin: 0 auto;position: relative;}
	.banner-ov-wrap .thumbnailCon .thumbnailText {text-align:center}
	.banner-ov-wrap .thumbnailCon .thumbnailText a {display:block; margin:0 auto}
	personaliseNowButton {margin: 0 0 20px;}
	.banner-ov-wrap  #landingThumbnails {height:auto !important; }
	.banner-wrap .filter-trigg, .banner-ov-wrap .filter-trigg {cursor:pointer; background-color: #793d79; border-top-left-radius: 5px;  border-top-right-radius: 5px; color: #ffffff;font-family: Arial,Helvetica,sans-serif;font-weight: bold;margin: 0 0 10px;  font-size: 19px; padding: 17px 10px 20px; position: relative;}
	.banner-ov-wrap #largeImageCon {display:none}
	
	.prices-trigg {text-align:center; cursor:pointer}
	
	/* UPLOADS */
	.up-left, .up-right {width:96% !important; float:left !important}
	#uploadCon, #imageCon {width:100% !important}
	#extrasCon {display:none}
	
	
}

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

	.banner-ov-wrap .thumbnailCon { float: none; margin: 14px auto 0; max-width: 255px;width: 100%;}
	.banner-mob-home {height: 133px;}
	.recip-btn {left:38px !important}
	
}


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

	#logo {float: left; left: 15px; position: relative;top: -20px;z-index: 1000;}
	#logo img {width:90px; height:auto}
	.banner-wrap .thumbnailCon {width:47%}
}

@media only screen and (max-width: 420px) {
	
	.banner-mob-home {height: 105px;}
	.tel-mob a, .tel-mob span {font-size:14px}
	
}

@media only screen and (max-width: 380px) {
	
	#telephoneCon a {font-size:14px;}
	#telephoneCon {width: 274px;}

}

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

	.banner-mob-home {height: 83px;}

}