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

.m-only {
	display: block;
}

.m-only-inline {
	display: inline-block;
}

.t-only, .d-only, .w-only {
	display: none;
}

.inner {
	width: 90%;
	margin: auto;
}

header .inner {
	/* width: 100%; */
}
.logo img {
    height: 80px;
}
.logo a {
    float: left;
    padding: 0 0px 0 0;
    border-right: none;
}
	.social_icons {display: none;}
.fb_icon_mobile {
	display: block;
    position: absolute;
    top: 470px;
    z-index: 9999;
    left: 40%;
    font-size: 36px;
    line-height: normal;
    margin: 0 0 0 0;
}	
.insta_icon_mobile {
	display: block;
    position: absolute;
    top: 470px;
    z-index: 9999;
	left: auto;
    right: 40%;
    font-size: 36px;
    line-height: normal;
    margin: 0 0 0 0px;
}	
/* FONTS ******************** */
	
h1, .likeheading {
	font-weight: 700;
	font-style: normal;
	font-size: 35px;
	line-height: 40px;
	margin: 0px 0px 22px 0px;
}

h2 {
	font-weight: 700;
	font-style: normal;
	font-size: 29px;
	line-height: 34px;
	margin: 0px 0px 23px 0px;
}

h3 {
	font-weight: 500;
	font-style: normal;
	font-size: 25px;
	line-height: 32px;
	margin: 0px 0px 23px 0px;
}

h4 {
	font-weight: 700;
	font-style: normal;
	font-size: 25px;
	line-height: 32px;
	margin: 0px 0px 23px 0px;
}
	
/* MAP ******************************************************** */
	.page-id-461 iframe {
		height: 340px;
	}
	
/* TABLET ******************************************************** */

table { 
	/*display: -webkit-flex;*/
	overflow: scroll;
	position: relative;
}
	
table tbody::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 40px;
    background-image: url(../images/arrow_table.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: 0.3s;
    opacity: 0.8;
	display: none;
}
	
table caption {
    padding: 13px;
}
	tr, td, th {
			font-size: 17px !important;
		padding: 10px 5px;
	}    
	table tr td, table tr th {
		padding: 10px 5px;
	}    
	th.td_phone, td.td_phone {
		width: 120px;
	}
th.td_times, td.td_times {
		width: 140px;
	}
/* FEATURED *********************************************** */
    
.nav-arrows .arrow {
    width: 35px;
}
	
.nav-arrows .arrow.next {
    right: -10px;
}
	
.nav-arrows .arrow.prev {
    left: -10px;
}

.featured .slidercontent {
    margin: 0 0 0px 0;
    position: absolute;
    left: 5px;
    top: auto;
	bottom: 10%;
    transform: translateY(0%);
    -webkit-transform-origin-y: 0%;
    -ms-transform: translateY(0%);
    -ms-transform-origin-y: 0%;
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: -webkit-translateY(0%);
    width: 100%;
	max-width: 200px;
}
.featured h1, .headingarea h1 {
    font-size: 30px !important;
    line-height: 34px;
    margin-bottom: 20px;
}
	
.featured p br {
    display: none;
}
.featured .slick-dots {
    display: none !important;
}	
.featured .nav-arrows {
    display: none;
}
	
	.featured .smaller h2 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 5px;
}

.featured .smaller h2.subheadline {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 5px;
}

.featured .smaller p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 24px;
}

.featured .slidercontent.smaller {
    top: 43%;
}
	
.headingarea .inner {
    padding: 18% 0px;
}
	
/* LAYOUT ELEMENTS *********************************************** */

.w20_left, .w20_right {
	width: 100%;
	float: left;
}

.w30_left, .w30_right {
	width: 100%;
	float: left;
}

.w40_left, .w40_right {
	width: 100%;
	float: left;
}

.w50_left, .w50_right {
	width: 100%;
	float: left;
}

.w60_left, .w60_right {
	width: 100%;
	float: left;
}

.w70_left, .w70_right {
	width: 100%;
	float: left;
}

.w80_left, .w80_right {
	width: 100%;
	float: left;
}

.w100_left, .w100_right {
	width: 100%;
	float: left;
}

.sidebar {
	width: 100%;
	display: block;
	vertical-align: auto;
	margin-left: 4%;
}
    
/* HOMEPAGE ******************************** */
    
.ctaitem {
    width: 100%;
    padding-bottom: 50%;
    float: left;
}

.ctaitem h2 {
    margin-top: 16%;
}
    
/* CONTENT ************************* */
    
.content .inner .w100_left img.alignright, .content .inner .w100_left img.alignleft {
    float: left;
    width: 100%;
    margin: 0px;
    margin-bottom: 15px;
    margin-top: 10px;
}
    
.blog_post {
    width: 100%;
    margin-right: 0px;
	margin-left: 0px;
    margin-bottom: 20px;
	height: auto !important;
}
	
.button, button, input[type=submit] {
    font-size: 15px;
    line-height: 21px;
    padding: 13px 20px;
}

.button.w-arrow:hover {
    padding-right: 30px !important;
    padding-left: 10px !important;
}

.button.w-arrow:hover:after {
    right: 12px;
}
	
/* FOOTER ************************** */
 
.testimonials {
    width: 85%;
    margin: 0% 7.5%;
}
	
.subscribe form {
    width: 100%;
    margin: auto;
}

/* CART ***************************************************** */

.cart .row_heading {
	display: none;
}

.cart .image {
	display: block;
	width: 30%;
	padding: 5px;
	vertical-align: top;
	float: left;
}

.cart .name {
	display: block;
	width: 60%;
	padding: 5px;
	vertical-align: top;
	float: left;
}

.cart .quantity {
	display: block;
	width: 50%;
	padding: 5px 5px 5px 30%;
	vertical-align: middle;
	float: left;
	clear: both;
}

.cart .price {
	display: block;
	width: 30%;
	padding: 15px 5px 5px 5px;
	vertical-align: middle;
	float: left;
}

.cart .item_total {
	display: inline-block;
	width: 100%;
	padding: 5px;
	vertical-align: inherit;
	font-weight: bold;
	text-align: right;
}

.cart .remove {
	position: absolute;
	top: 0px;
	right: 10px;
	display: block;
	padding: 5px;
	vertical-align: inherit;
}

.cart .totals {
	display: inline-block;
	width: 49%;
	padding: 10px 0px;
	text-align: right;
	font-weight: bold;
}

.cart .totals_title {
	display: inline-block;
	width: 49%;
	padding: 10px 0px;
	text-align: left;
	font-weight: bold;
}

.cart .button_left {
	display: block;
	margin: 10px 0px 0px 0px;
	float: none;
}

.cart .button_right {
	display: block;
	margin: 10px 0px 0px 0px;
	float: none;
}

.cart .spacer {
	display: none;

}
.cart .postage {
	display: none;

}

input[name="cardnumber"] {
	display: inline;
	width: 100%;
}

select[name="expiry_m"],
select[name="expiry_y"] {
	width: 30%;
	margin-right: 3%;
}

input[name="cvn"] {
	width: 30%;
	margin-right: 0%;
}

.pay_method {
	width: 50%;
	margin-bottom: 10px;
}

button.login_button,
button.guest_button,
button.billing_button,
button.shipping_button,
button.cc_button,
button.pp_button,
button.dd_button,
button.cash_button {
	width: 100%;
	float: none;
}
	
/* ADDED STYLES ***** */
	
.featured .slidercontent {
    width: 100%;
}

.featured_slider .slide {
    height: 350px;
}

.slick-dots {
    width: 92%;
}

.featured_slider .slide::before {
   /* padding-bottom: 150%;
    width: 150%;
    left: -136%;
    bottom: -44%;
    top: 31%;
    height: 0px;*/
}

.introduction h1.entry-title {
    font-size: 32px;
    line-height: 38px;
    text-align: center;
}

.introduction .buttonwrap .button {
    margin-bottom: 0px;
}

.introduction .buttonwrap {
    margin-top: 0px;
    float: none;
    width: auto;
    margin: auto;
    display: table;
}

.introduction .w50_left {
    padding-right: 0px;
    text-align: center;
}

.introduction .w50_right {
    padding-left: 0px;
    text-align: center;
    margin-top: 30px;
}

.subscribe .intro {
    float: left;
    width: 100%;
}

.subscribe.content h2 {
    text-align: center;
}

.subscribe .signupform {
    width: 100%;
    margin: 0px;
    margin-bottom: 42px;
}

.subscribe.content .inner .w100_left {
    padding: 80px 0px;
}

.subscribe .intro p {
    text-align: center;
}

.subscribe .followus h3 {
    font-size: 18px;
    line-height: 22px;
}

.subscribe .followus {
    width: auto;
    float: none;
    margin: auto;
}

.followicons .icon i {
    font-size: 49px;
}


footer .w30_left {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 30px;
}

footer .centreinfo.w30_left {
    width: 100%;
    margin: 0px;
    margin-top: 30px;
}

footer .centreinfo .footerlogo {
    width: 60%;
    float: left;
    margin-left: 10%;
}

footer .centreinfo .colliersmanaged {
    float: left;
    width: 22%;
    margin-top: 11px;
}

footer .centreinfo .copyright {position: relative;float: left;width: 100%;text-align: center;margin-top: 36px;}

.content.imagebreak {
    height: 200px;
    background-position: center !important;
    background-size: cover;
}

.introduction h1.entry-title span {
    text-align: center;
    width: 100%;
}

.introduction .buttonwrap .button {
    float: none;
    margin: 10px auto;
    display: table;
}

.content .inner .w100_left {
    padding: 20px 0px;
}

footer .w30_left .tradinghours {
    width: 100%;
}
footer .w50_left, footer .w50_right {
	width: 100%;
	float: left;
	text-align: center;
	padding-bottom: 50px;
}
footer .w50_left img {
	float: none !important;
	text-align: center;
	margin: 0 auto;
}

footer h4 {
    text-align: center;
}

.footer_followicons {
    float: none;
    width: auto;
    margin: auto;
    display: table;
}

.footer_followicons a.icon {
    margin-left: 10px;
}

footer .findus p {
    text-align: center;
    margin-bottom: 14px;
}

footer {
    padding: 60px 0px;
}

header .topsection .currently_open {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 15px 12px;
    margin: 0px;
    background-color: #032845;
    text-align: center;
}

header .topsection .currently_open i {
    font-size: 17px;
}

body.fixed header .topsection {
    margin-bottom: 40px;
}

.featured h2.subheadline {
    font-size: 25px;
    line-height: 30px;
}

.featured p {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px;
    margin-top: 2px;
}

.majorstores.content h3 {
    font-size: 20px;
    line-height: 27px;
}
	

.categorylistings .listing {
    width: 100%;
    margin: 5px 0px;
}
	
.tax-store_category .mapdetailswrap {
    display: none;
}

.storedirectory-sidebar {
    width: 100%;
}
	
.storedirectory-sidebar {
    width: 100%;
    margin-top: 20px;
}

form#storesearch {
    width: 100%;
    float: right;
    display: inline-block;
}

.single-stores .storedirectory-sidebar {
    display: none;
}
	
.storedetails .links {
    float: none;
    margin: auto;
    display: table;
    clear: both;
    text-align: center;
    margin-bottom: 16px;
}

.storedetails .links a {
    float: none;
    clear: both;
    display: block;
}
.storedetails .links a i {
    float: none;
}	

a.backbutton.storenav {
    clear: none !important;
    float: left;
    display: inline-block;
    margin-top: -10px;
}

.storedetails {
    width: 100%;
    padding: 30px 0px;
    margin-top: 20px;
}

.mapdetailswrap {
	padding-top: 20%;
    width: 100%;
}
	
.mapwrap i.fas.fa-map-pin {
    font-size: 14px;
    margin-top: 0px;
    margin-left: 0px;
}


.mapwrap i.fas.fa-map-pin::before {
    -webkit-transform: scale(0.6);
}

.mapwrap .waves {
    margin-top: 3.25%;
    display: none;
}
	
.mapdetailswrap .mapwrap.zoom {
    transform: scale(2.5);
	-moz-transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
}
	
.storedirectory-sidebar .storelistings {
    max-height: 200000px;
}

.storedirectory-sidebar .switchwrap {
    float: none;
    text-align: center;
}

.storedirectory-sidebar .switchdetails {
    float: none;
    margin: 0px 5px;
}

.storedirectory-sidebar h3 {
    text-align: center;
    width: 100%;
}

a.backbutton.storenav i.chevron {
    opacity: 1;
    margin-left: 0px;
}

.storelogo {
    float: none;
    margin: auto;
}

.storedetails .heading h1 {
    width: 100% !important;
    text-align: center;
    margin-top: 20px;
    font-size: 32px;
    line-height: 35px;
}

.storedetails .generaldetails, .storedetails .generaldetails p {
    text-align: center;
}

.storedetails.whours .generaldetails {
    width: 100%;
}

.storedetails .storeshours {
    width: 100%;
    padding-top: 40px;
    position: relative;
}

.storedetails .storeshours h4 {
    text-align: center;
}

.storedetails .storeshours::after {
    width: 100%;
    height: 1px;
    top: 12px;
    left: 0px;
    right: 0px;
    bottom: auto;
    width: 100px;
    margin: auto;
}
	
.openinghours .centrehours, .openinghours .otherstores {
    width: 100%;
}

.w100_left.openinghours {padding: 85px 0px !important;}
	
.content.hero_img .inner .w100_left {
    padding: 0px !important;
}

.single-post-heading.w-image {
    padding-bottom: 170px;
}

.content.single-post-content .w100_left {
    padding: 40px 0px !important;
}
	
.w50_right.enquiryform {
    width: 100%;
}
	
/* INSTAGRAM SECTION ***** */
	
.sb_instagram_header.sbi_medium .sbi_header_img {
    float: none;
    margin: auto !important;
    display: table;
    width: 70px;
    height: 70px;
}

.sb_instagram_header.sbi_medium .sbi_header_img img {
    height: 70px;
    width: 70px;
}

.sb_instagram_header.sbi_medium .sbi_header_text h3 {
    margin-left: 0px;
    text-align: center;
    width: 100%;
    margin-right: 0px !important;
    margin: 0px !important;
    font-size: 20px;
    line-height: 22px;
}

#sb_instagram .sb_instagram_header.sbi_medium .sbi_bio {
    width: 100%;
    text-align: center;
    margin: 0px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

}