/* Extra small devices (portrait phones, less than 576px)
/* No media query for `xs` since this is the default in Bootstrap

/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px) {
	.viewport:after {
		content:'SM, 576px and above';
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) {
	.viewport:after {
		content:'MD, 768px and above';
	}

	.main{
		max-width:768px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
	.viewport:after {
		content:'LG, 992px and above';
	}

	.main{
		max-width:unset;
	}

	h5{
		font-size:2.2vh;
	}

	.underlined:after{
		height:1vh;
		margin-top:0.3vh;
	}

	.button{
		padding:1.2vh 25px;
		font-size:1.5vh;
	}

	.main{
		height:100vh;
		overflow:hidden;
		padding-top:0;
	}

	.main .col{
	  height:100vh;
	}

	.slick-dots{
		display:block;
	}

	.nav-col{
		width:18%;
		display:block;
	}

	nav .primary li{
		font-size:1.4vh;
	}

	nav .secondary li{
		font-size:1.4vh;
	}

	nav .instagram span{
		font-size:1.3vh;
	}

	.stores-col {
		background-color:#FAF5EF;
		width:26%;
		order:1;
		padding-top:3vh;
		background-image:url(../images/shadow-right.png), url(../images/shadow-left.png);
		background-position:top left, top right;
		background-repeat:repeat-y;
		position:relative;
	}

	.stores-col .content{
		position:absolute;
		bottom:3.3vh;
		width:95%;
	}

	.whatson-col {
		width:28%;
		order:2;
		padding:4vh 0 0 0;
	}

	.whatson-col .slick-dots{
		position: absolute;
    	bottom: -3.5vh;
    	width:90%;
    	text-align: center;
	}

	.whatson-title{
		margin-bottom:3vh;
		padding-left:5%;
	}

	.whatson-col h1{
		margin-bottom:2vh;
		font-size:3.5vh;
		padding-left:5%;
		margin-left:0;
		/*height:3.5vh;*/
		/*new css method for truncation*/
		overflow: hidden;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}

	.whatson-col .writeup{
		padding-right:25%;
		margin-bottom:3vh;
		font-size:1.8vh;
		padding-left:5%;
		margin-left:0;
	}

	.whatson-col .button{
		margin-left:5%;
	}

	.widgets-col {
		width:28%;
		background-image:url(../images/shadow-right.png);
		background-position:top left;
		background-repeat:repeat-y;
		padding:4vh 0 0 30px;
	}

	.home-featured-widget.locals{
		padding-bottom:3vh;
	}

	.local-writeup{
		margin-top:1.5vh;
		margin-bottom:0;
		font-size:1.8vh;
	}

	.slick-next{
		display:block;
		padding-left:15px;
		padding-right:15px;
	}

	.home-featured-widget.instagram{
		background-image:url(../images/shadow-right.png);
		background-position:top left;
		background-repeat:repeat-y;
		margin:0 0 0 -30px;
		padding:2.5vh 0 2.5vh 30px;
	}

	.content-col{
		width:82%;
		padding:0;
	}

	.mobile-header, .mobile-menu{
		display:none;
	}

	.home-whatson-carousel .item{
		height:84.6vh;
		padding-left:0;
		margin-right:0;
	}

	.home-whatson-carousel .item .button{
		margin-left:5%;
	}

	.home-whatson-carousel .item .thumb{
		position:absolute;
		bottom:0;
	}

	.home-featured-carousel{
		height:16vh;
		margin-top:1vh;
	}

	.home-featured-carousel button:after{
		margin-top:5vh;
	}

	.home-featured-carousel .item img{
		height:16vh;
	}

	.home-featured-carousel.instagram{
		height:calc(24vh + 10px);
	}

	.home-featured-carousel.instagram .item img{
	  height:12vh;
	}

	.store-details{
		font-size:1.6vh;
		padding: 3vh 10px 1vh 10px;
	}

	.store-details .store-name{
		width:100%;
		font-weight:700;
		line-height:125%;
	}

	.store-details .store-unit{
		width:100%;
	}

	.store-detail-carousel .item{
		/*height:41vh;
		overflow:hidden;*/
	}

	.store-detail-carousel .item img{
		/*height:41vh;
		object-fit:cover;*/
	}

	.home-store-carousel .slick-list{
	  margin-left:0px;
	  margin-right:15px;
	}

	.home-store-carousel .store{
		height:12.7vh;
    	margin-bottom:1.5vh;
    	display:block;
	}

	.home-store-carousel .store img{
		height:12.7vh;
		object-fit:cover;
	}

	.whatson-col .thumb img{
		height:45vh;
		width:auto;
		/*object-fit:cover;*/
	}

	.whatson-col .thumb{
		/*margin:0 -15px;*/
		/*position:absolute;
		bottom:5vh;*/
	}

	.shop-pass-widget{
		position:absolute;
    	bottom:5vh;
    	width:calc(100% - 45px);
    	margin-top:0;
    	margin-bottom:0;
	}

	.shop-pass-widget .logo-text{
		padding:2vh 5%;
	}

	.shop-pass-widget .logo-text .logo{
		width:25%;
		margin-right:4%;
	}

	.shop-pass-widget .logo-text .text{
		width:71%;
		font-size:1.6vh;
	}

	.directory-box{
		display:flex;
		height:80vh;
		width:82%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		padding-left:3%;
		overflow:hidden;
	}

	.wavylines{
		position:absolute;
		top:-2vh;
    	right:-10%;
    	display:block;
	}

	.wavylines img{
		width:26vw;
		/*width:440px;
		height:146px;*/
		/*height:100%;
		width:100%;*/
	}

	.category-box{
		width:38%;
		background-image:none!important;
		padding:0;
	}

	.category-box .title{
		padding:0 0 3vh 0;
	}

	.category-box .description{
		padding:0 0 2vh 0;
	}

	.dotted-bg{
	    position:absolute;
	    left:0;
	    top:71.5vh;
	    width:100%;
	    height:10vh;
	    margin-left:0;
	    margin-right:0;
	    background-size:46%;
	    background-position:top left;
	}

	.dotted-bg.footer{
		display:none;
	}

	.store-title{
		padding-left:25px;
		margin-bottom:2vh;
	}

	.stores-container{
		margin-left:-7.5%;
		width:69.5%;
		padding-top:9vh;
		padding-bottom:0;
		position:relative;
		top:0;
	}

	.search .stores-container{
		top:0;
	}

	.detail-pg .stores-container{
		padding-top:7vh;
	}

	.category-content{
		width:80%;
		padding-left:7%;
		padding-right:7%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		font-size:1.6vh;
	}

	.detail-pg .category-box .title{
		padding-bottom:0;
	}

	.detail-pg .category-box .title:after{
		width:100%;
	}

	.detail-pg .category-content{
		padding-top:7vh;
		position:relative;
		top:initial;
		transform:initial;
	}

	.store-listing-carousel{
		padding-left:0;
		padding-right:0;
		position:relative;
		top:0;
	}

	.store-listing-carousel .whatsontag{
		top: -1.9vh;
  		font-size:1.2vh;
	}

	.store-listing-carousel .slick-track{
		margin-left:0;
	}

	.store-listing-carousel .slick-list{
		margin-left:0;
		margin-right:-1.5%;
	}

	.store-listing-carousel .slick-prev{
		display:inline-block!important;
	}

	.store-listing-carousel .slick-prev.slick-disabled{
		display:none!important;
	}

	.store-listing-carousel .slick-next.slick-disabled{
		display:none!important;
	}

	.store-listing-carousel .item{
		margin-right:0.5%;
	}

	.store-listing-carousel .item .store{
		margin-bottom:2vh;
	}

	.store-listing-carousel .item .store .thumb{
		overflow:hidden;
	}

	.store-listing-carousel .item .store .thumb img{
		height:18vh;
		width:100%;
		object-fit:cover;
		transition:0.2s;
	}

	.whatson .store-listing-carousel .item .store .thumb img{
		width:100%;
		object-fit:unset;
	}

	.store-listing-carousel .item .store:hover{
		opacity:1;
	}

	.store-listing-carousel .item .store:hover .thumb img{
		transform:scale(1.05);
	}

	.store-listing-carousel .detail-wrap{
		height:9vh;
	}

	.store-listing-carousel .detail-wrap .left{
		font-size:1.5vh;
		width:100%;
	}

	.store-listing-carousel .slick-next{
		background-color:rgba(140, 198, 63, 0.9);
		padding-left:20px;
		padding-right:20px;
		right:0;
		height:calc(100% - 2vh);
	}

	.store-listing-carousel .slick-prev{
		background-color:rgba(140, 198, 63, 0.9);
		padding-left:20px;
		padding-right:20px;
		right:0;
		height:calc(100% - 2vh);
		z-index:1;
		width:55px;
	}

	.backbtn, .nextbtn{
		position:relative;
		display:block;
	}

	.backbtn:after, .nextbtn:after{
		content:'';
		display:block;
		color:#fff;
		height:8vh;
		width:35%;
		position:absolute;
		top:65%;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		transform:translateY(-50%);
		background:url("../images/prev-arrow.svg") no-repeat;
	}

	.nextbtn:after{
		background:url("../images/next-arrow.svg") no-repeat;
	}

	.detail-pg .backbtn{
		width:4.5%;
		background-color:#8CC63F;
		height:75vh;
		display:block;
		cursor:pointer;
	}

	.detail-pg .backbtn:after{
	}

	.detail-pg .directory-box{
		padding-left:0;
		height:85vh;
		flex-wrap:nowrap;
	}

	.detail-pg .category-box{
		width:43%;
	}

	.detail-pg .stores-container{
		width:62%;
		margin-left:-5%;
	}

	.detail-pg .category-content{
		width:90%;
	}

	.detail-pg .social-wrap{
		display:flex;
		align-items:center;
		margin-top:2vh;
		margin-bottom:2.5vh;
	}

	.detail-pg .social-wrap a{
		height:4.1vh;
		background-size:4vh;
		margin-bottom:0;
	}

	.detail-pg .category-content .item{
		margin-bottom:1vh;
		height:3.5vh;
		padding-top:0.3vh;
	}

	.store-promo-wrap .item a{
		padding:1.5vh 2%;
		width:20%;
	}

	.detail-pg .category-box{
		padding:0;
	}

	.detail-pg .category-box .description{
		padding:0;
		height:30vh;
		overflow-y:auto;
		font-size:1.6vh;
	}

	.detail-pg .dotted-bg{
		margin-left:0;
		margin-right:0;
		height:10vh;
		top:75vh;
	}

	.detail-pg .button{
		display:none;
	}

	.store-promo-wrap .item{
		padding:1.5vh 2%;
	}

	.store-promo-wrap .item:hover{
		opacity:1;
		background-color:rgba(235,231,41,0.8)
	}

	.store-promo-wrap .item .title{
		font-size:2.2vh;
		font-weight:700;
		color:#231F20;
		width:80%;
		background: transparent;
	}

	.store-promo-wrap .item .bluebtn{
		font-size:1.5vh;
	}

	/* what's on */
	.mobile-title{
		display:none;
	}

	.whatson{
		display:flex;
	}

	.whatson.detail-pg{
		padding:0;
	}

	.whatson.detail-pg .slick-prev:after,
	.whatson.detail-pg .slick-next:after{
		margin-top:0;
	}



	.whatson.detail-pg .wavylines{
		top:4vh;
	    right:0;
	    height:17vh;
	    z-index:1;
	}

	.whatson.detail-pg .thumb-carousel-col .title{
		display:flex;
	}

	.whatson.detail-pg .title h5{
		font-size:2vh;
	}

	.whatson .article-wrap{
		background-image:url('../images/whatson-bg.jpg');
		background-repeat:repeat-y;
		width:96.5%;
		background-color:#FAF5EF;
		background-size:100%;
		padding-left:3%;
		height:100vh;
		position:relative;
		display:flex;
	}

	.whatson .backbtn{
		width:3.5%;
		height:100vh;
		background-color:#78BDE8;
	}

	.whatson .nextbtn:after{
	}

	.whatson .main-img{
		margin-left:0;
		margin-right:0;
	}

	.whatson .stores-container{
		padding-top:2.8vh;
		top:0;
	}

	.whatson .store-listing-carousel .item{
		margin-right:1.5%;
	}

	.whatson .store-listing-carousel .item .store .thumb img{
		height:28vh;
	}

	.whatson .store-listing-carousel .detail-wrap{
		height:6vh;
		padding:0 15px;
		font-weight:700;
		line-height:2vh;
	}

	.article-wrap .thumb-carousel-col{
		width:43%;
		margin-right:4%;
		position:relative;
	}

	.article-wrap .thumb-carousel .title{
		display:flex;
	    align-items:flex-end;
	    height:5vh;
	}

	.article-wrap .thumb-carousel{
		position: absolute;
	    width: 100%;
	    top: 50%;
	    transform: translateY(-50%);
	}
	
	.article-wrap .thumb-carousel .main-img{
		/*height:62.5vh;*/
	}
	
	.article-wrap .thumb-carousel .main-img img{
		height:100%;
		width:100%;
		object-fit:cover;
	}

	.article-wrap .slick-list{
		margin-left:0;
		margin-right:-1%;
		overflow-x:hidden;
	}

	.article-wrap .article-carousel{
		margin-top:1vh;
		height:14vh;
		display:block;
	}

	.article-wrap .article-carousel .item img{
		height:14vh;
		object-fit:cover;
	}

	.article-wrap .article-carousel .item{
		/*margin-right:0.2%;*/
		margin-right:1%;
		position:relative;
	}

	.article-wrap .article-carousel .item .title{
		position:absolute;
		background-color:rgba(0,0,0,0.5);
		text-align:center;
		width: 100%;
	    height: 100%;
	    top: 0vh;
	    color:#fff;
	    font-weight:600;
	   	opacity:0;
	   	cursor:pointer;
	   	transition:0.3s;
	   	font-size:1.7vh;
	}

	.article-wrap .article-carousel .item .title:hover{
		opacity:1;
	}

	.article-wrap .article-carousel .item .title span{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		left:0;
		width:100%;
		padding:0 10px;
	}

	.article-wrap .description-col{
		width:47%;
		position:relative;
		margin-top:0;
	}

	.article-wrap .description{
		position:absolute;
		top:50%;
	    transform:translateY(-50%);
	    width:100%;
	}

	.article-wrap .description .text-wrap{
		width:100%;
		height:62.5vh;
		display:flex;
		flex-wrap:wrap;
		align-content: flex-end;
	}

	.article-wrap .description .text-wrap h1{
		margin-bottom: 2vh;
    	font-size: 3.5vh;
    	padding-right:20%;
	}

	.article-wrap .description .text-wrap .writeup{
		padding-right:9.4%;
	    margin-bottom: 3vh;
	    font-size: 1.8vh;
	    margin-bottom:1.5vh;
	    height:32.64vh;
	    overflow-y:auto;
	}

	.article-wrap .description .share-wrap{
		width:100%;
	    margin-top:6vh;
    	height:14vh;
    	padding-top:4.4vh;
	}

	.article-wrap .description .share-wrap .title{
		font-size:1.6vh;
		margin-bottom:0;
		display:block;
	}

	.article-wrap .description .share-wrap .divider{
		height:1vh;
		width:23.5%;
	}

	.article-wrap .description .share-wrap .icons{
		display:inline-block;
    	white-space:nowrap;
	}

	.article-wrap .description .share-wrap .icons:before{
		height:1vh;
		margin:1vh 0 1.2vh 0;
	}

	.article-wrap .description .share-wrap .icons a{
		display:inline-block;
		margin-right:calc(3% - 4px);
	}

	.article-wrap .description .share-wrap .icons img{
		height:5vh;
	}
	
	.article-wrap .more-wrap{
		display:none;
	}

	.item .tag{
		padding:0.5vh 2%;
	}
	
	.item .tag.whatson{
		padding-top:1vh;
		padding-bottom:1vh;
		font-size:1.6vh;
	}

	.about-pg .stores-col{
	  position:relative;
	  font-size:1.76vh;
	  width:30%;
	}

	.about-pg .whatson-col{
		width:29%;
	}

	.about-pg .widgets-col{
		width:28.5%;
		height:100vh;
		overflow:hidden;
	}

	.about-pg .stores-col h1{
		font-size:3.2vh;
		margin-bottom:2.82vh;
	}

	.about-pg .stores-col h1.underlined:after{
		margin-top:2vh;
	}

	.about-pg .stores-col .content{
		position:absolute;
	    bottom:7.7vh;
	    padding-left:6.5%;
	    padding-right:10%;
	}

	.about-pg .whatson-col .title{
		display:none;
	}

	.about-pg .whatson-col img{
		height:100vh;
	}

	.tabs{
		margin-top:6vh;
	}

	.voucher-pg .tab-links li:first-of-type span{
	  	white-space:normal;
	  	padding-top:0;
	  	line-height:140%;
	}

	.voucher-pg .tab-links li:first-of-type a{
	  	padding-top: 1vh;
    	padding-bottom: 1vh;
	}

	.voucher-pg .tab-links li:first-of-type .underlined:after{
	  margin-top:auto;
	}

	.voucher-pg .tab-links span .break{
	  display:inline-block;
	}

	.tab-links a{
		font-size:2.1vh;
		padding:0.5vh 0;
	}

	.tab-links .thumb{
		height:7vh;
		padding:1.5vh 0 1vh 0;
	}

	.tab-content{
		height:39.37vh;
		font-size:1.8vh;
		position:relative;
		padding:0;
	}

	.tab-content .writeup{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		padding:0 8%;
		width:100%;
	}

	.tab-content .writeup .parking{
		margin-top:5vh;
		font-size:1.6vh;
		line-height:3vh;
	}

	.tab-content .writeup .parking .item{
		margin-top:0.8vh;
	}

	.tab-content .writeup .parking .right{
		font-weight:600;
	}

	.googlemap{
		height:36.6vh;
		display:block;
	}

	.googlemap img{
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:bottom;
	}

	.voucher-pg .tabs{
		margin-left:0;
		margin-right:0;
	}

	.voucher-col{
		width:63.83%;
		padding-left:2.5%;
		padding-right:0;
		padding-top:0;
	}

	.voucher-col .title{
		display:none;
	}

	.voucher-col .liner{
		font-size:2.7vh;
	}

	.voucher-pg .voucher-col{
	  padding-top:10vh;
	}

	.voucher-pg .mobile-hero{
		display:none;
	}

	.voucher-pg .hero{
		width:23.66%;
		padding-left:1.75%;
		padding-top:20vh;
		display:inline-block;
	}

	.voucher-pg .img-wrap{
		width:81.69%;
	}

	.voucher-pg .img-wrap img{
		width:100%;
		height:100%;
		object-fit:cover;
	}

	.voucher-pg .store-voucher-wrap{
		display:flex;
	}

	.voucher-pg .store-voucher-wrap .item{
		width:100%;
		display:flex;
		justify-content:space-between;
	}

	.voucher-pg .store-voucher-wrap .column{
		display:flex;
		flex-wrap:wrap;
		flex-direction:column;
		border-right:1px solid #707070;
		padding-right:2%;
    	padding-left:2%;
    	flex:1;
	}

	.voucher-pg .store-voucher-wrap .column:last-of-type{
		border-right:0;
	}

	.voucher-pg .tab-content{
		font-size:1.8vh;
		padding-top:7vh;
		padding-bottom:7vh;
		height:auto;
	}

	.voucher-pg .tab-content .column .item{
		margin-bottom:2.2vh;
	}

	.voucher-pg .tab-content .column .item:last-of-type{
		margin-bottom:0;
	}

	.voucher-pg .tab-content .column .item .store{
		padding-right:5%;
		line-height:130%;
	}

	.voucher-pg .tab-content .column .item .unit{
		white-space:nowrap;
		flex:1;
		text-align:right;
	}

	.voucher-pg .tab-links a{
		font-size:2.2vh;
		padding-top:1vh;
		padding-bottom:1vh;
		height:auto;
	}

	.voucher-pg .tab-links .underlined:after{
		margin-top:auto;
	}

	.voucher-pg .tab-links span{
	  display:inline-block;
	}

	.voucher-pg .tab-links a.twolines{
	  padding-top:1vh;
	  padding-bottom:1vh;
	  line-height:unset;
	}

	.voucher-pg .tab-links a.twolines span:after{
	  margin-top:initial;
	}

	.contact-pg .intro-col{
		width:27%;
		position:relative;
	}

	.contact-pg .intro-col h5{
		font-size:4.42vh;
		margin-bottom:1vh;
	}

	.contact-pg .intro-col .subtitle{
		font-size:2.2vh;
	}

	.contact-pg .intro-col{
		background-image: url(../images/shadow-right.png);
    	background-position: top left;
    	background-repeat: repeat-y;
	}

	.contact-pg .intro-col .underlined:after{
	  margin-top:0.5vh;
	}

	.contact-pg .intro-col .content{
		padding-left:10%;
		padding-right:10%;
		font-size:2.65vh;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		width:100%;
	}

	.contact-pg .form-col{
		width:51%;
		position:relative;
	}

	.contact-pg .form-col .content{
		background-color:#FAF5EF;
		padding:4vh 6.5%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		width:100%;
	}

	.contact-pg .form-col .dotted-bg{
		margin-top: 0;
	    top: 84.3vh;
	    z-index: -2;
	    background-size: 18%;
	    height: 10vh;
	}

	.contact-pg .form-col .content .item{
		margin-bottom:1.5vh;
	}

	.contact-pg .form-col .content .item .label{
		margin-bottom:1.6vh;
		font-size:1.6vh;
	}

	.contact-pg .form-col .content .item .label:after{
		margin-top:0.3vh;
		height:0.7vh;
	}

	.contact-pg .form-col .content .item.pdpa .answer{
		font-size:1.6vh;
	}

	.contact-pg .form-col .content .item input{
		padding:1vh 3%;
		font-size:1.8vh;
	}

	.contact-pg .form-col .content .item textarea{
		padding:1vh 1%;
	}

	.contact-pg .form-col .content .item.submit{
		margin-bottom:0;
		margin-left:0;
		margin-right:0;
	}

	.contact-pg .form-col .content .item.submit button{
		padding:1.5vh 1vh;
	}

	.contact-pg .form-col .content .item.submit button:hover{
		opacity:0.9;
	}

	.contact-pg .form-col .content .item .answer.select li{
		padding:1vh 2.5%;
		margin-right:0.5%;
	}

	.contact-pg .form-col .content .two-col{
	  display:flex;
	}

	.contact-pg .form-col .content .two-col .item{
	  flex:1;
	}

	.contact-pg .form-col .content .two-col .item:first-of-type{
	  margin-right:2%;
	}

	.privacy-col{
		width: 87.5%;
	    padding-left: 2.5%;
	    padding-right: 2.5%;
	}

	.privacy-col .title{
		display:none;
	}

	.privacy-pg .tab-content{
		padding-left:3%;
		padding-right:3%;
	}

	.privacy-pg.voucher-pg .tab-content{
		height:80vh;
	}

	.privacy-pg.voucher-pg .tab-content .tab{
		height:68vh;
		overflow-y:auto;
	}

	.voucher-pg.privacy-pg .tab-links li{
		box-shadow:3px 0px 5px rgba(0,0,0,0.1);
	}

	.voucher-pg.privacy-pg .tab-links li:first-of-type{
		margin-right:0.5%;
	}

	.cookiebar{
		width:82%;
		font-size:2vh;
		padding:1.5vh 1%;
	}

	.cookiebar.closed{
		bottom:-9pv;
	}

	.cookiebar a{
		width:17.5%;
	}

	.cookiebar .text{
		width:65%;
		text-align:left;
		margin-bottom:0;
	}

	.cookiebar .blockbtn{
		padding:1vh 0;
	}

	.shop-pass-popup{
		width:900px;
		margin:0 auto;
	}

	.no-results{
		margin-left:15%;
		margin-top:20vh;
		padding-right:15px;
		padding-left:0;
		background:transparent;
	}

	.no-results .title{
		font-weight:bold;
		font-size:16px;
	}

	.no-results ul{
		margin:15px 0 0 0;
		padding-left:15px;
	}

	.shop-pass-popup .underlined:after{
	  width:calc(100% + 20px);
	}
}















/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
	.viewport:after {
		content:'XL, 1200px and above';
	}
	.nav-col{
	  width:12.5%;
	  display:block;
	}

	.stores-col {
		width:23.2%;
	}

	.whatson-col {
		width:34.6%;
	}

	.widgets-col {
		width:29.7%;
	}
	.content-col{
		width:87.5%;
	}

	.whatson-col .thumb{
		padding-right:1%;
		margin-left:0;
		margin-right:0;
	}

	.whatson-col .thumb img{
		height:59vh;
	}

	.home-store-carousel .store{
		height:16.3vh;
    	margin-bottom:1.5vh;
	}

	.home-store-carousel .store img{
		height:16.3vh;
		width:100%;
		object-fit:cover;
	}

	.home-featured-carousel{
		height:20vh;
	}

	.home-featured-carousel .item img{
		height:20vh;
	}

	.home-featured-carousel .item .store-name{
	  width:100%;
	}

	.home-featured-carousel.instagram{
	  height:calc(28vh + 10px);
	}

	.instagram-title img{
		height:2.5vh;
		width:auto;
	}

	.home-featured-carousel.instagram .item img{
	  	height:14vh;
	}

	.directory-box{
		width:87.5%;
	}

	.contact-pg .form-col{
		width:57.6%;
	}

	.cookiebar{
		width:87.5%;
	}

	.cookiebar a{
		width:15%;
	}

	.cookiebar .text{
		width:70%;
	}

	.shop-pass-widget .logo-text .logo{
		width:18%;
		margin-right:4%;
	}

	.shop-pass-widget .logo-text .text{
		width:76%;
		font-size:1.8vh;
	}

	.dotted-bg{
		top: 71vh;
		background-size:25.5%;
	}
}