@media all and (min-width: 420px) {

}

@media all and (min-width: 580px) {
    .upcoming-events-is-not-carousel .upcoming-events-entry {
        float: left;
        width: calc(33.33333333333333% - 2px);
        margin: 1px;
        max-width: none;
    }

    .major-retailers-is-not-carousel .major-retailers-entry-body {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .major-retailers-is-not-carousel .major-retailers-entry-footer {
        padding-top: 15px;
    }

    .major-retailers-is-not-carousel .collapse-inner {
        padding: 0 15px;
    }

    .major-retailers-is-not-carousel .major-retailers-entry {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }

    .pillar-categories > div {
        width: 50%;
    }

    .visible-custom-xs {
        display: none !important;
    }

    .visible-custom-xs-inline-block {
        display: none !important;
    }
}

@media all and (min-width: 768px) {
    #instafeed a {
        width: calc(25% - 10px);
    }

    .top-actions {
        display: none;
    }

    #site-wrapper {
        padding-top: 100px;
    }

    #page-home #site-wrapper {
        padding-top: 160px;
    }

    .subscribe-ribbon-active .navbar {
        top: 52px;
    }

    .subscribe-ribbon-active .navbar-trans {
        top: 0;
    }

    .subscribe-ribbon-active .navbar-scrolled {
        top: 0;
    }

    .subscribe-ribbon-active {
        padding-top: 52px;
    }

    .navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 15px;
        padding-bottom: 15px;
        display: inline-block;
    }

    .navbar-tucked .navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 19px;
        padding-bottom: 19px;
        display: inline-block;
    }

    .navbar-tucked .nav > .search {
        padding-top: 2px;
    }

    .navbar-tucked.navbar-scrolled .nav > .search {
        padding-top: 0;
    }

    .navbar-scrolled .navbar-nav > li > a {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .navbar-nav > li > a {
        border-bottom: 3px solid transparent;
    }

    .navbar-nav > li > a:hover {
        color: #000;
        border-bottom-color: #cccccc;
    }

    .navbar-nav > li > a:active {
        color: #000;
        border-bottom-color: #fdb713;
    }

    .navbar-nav > li > a:focus {
        color: #000;
    }

    .navbar-nav > li.search:not(.active) {
        border-bottom: 3px solid transparent;
    }

    .navbar-nav > li.search:not(.active):hover {
        color: #000;
        border-bottom-color: #cccccc;
    }

    .navbar-nav > li.search:not(.active):active {
        color: #000;
        border-bottom-color: #fdb713;
    }

    .navbar-nav > li.search:not(.active):focus {
        color: #000;
    }

    .page-convenience-centre .navbar-nav > li.search:not(.active):active {
        border-bottom-color: #000;
    }

    .text-right-sm {
        text-align: right;
    }

    .hero-mobile {
        display: none;
        margin-top: 0;
    }

    .morelink {
        display: none;
    }

    .moreellipses {
        display: none;
    }

    .morecontent > span {
        display: inline;
    }

    .offset-top-20-sm {
        margin-top: -34px;
    }

    .subscribe-form .form-group {
        margin-bottom: 0;
    }

    .job-entry {
        width: calc(33.33333333333333% - 10px);
        margin: 0 5px 10px;
    }

    .form-filter {
        margin: 0 -15px;
    }

    .read-more {
        display: none;
    }

    .pillar-categories.areas-of-interest {
        margin: 0 -5px;
    }

    .pillar-categories.areas-of-interest > div {
        width: calc(33.33333333333333% - 10px);
        margin: 5px;
    }

    .pillar-categories-3 > div {
        width: 33.33333333333333%;
        margin: 0;
    }

    #search {
        top: 65px;
    }

    .subscribe-ribbon-active #search {
        top: 117px;
    }

    .navbar-is-scrolled #search {
        top: 60px;
    }

    #page-home #search {
        top: 147px;
    }

    /*#page-home #search {*/
    /*top: 180px; }*/
    #page-home.subscribe-ribbon-active #search {
        top: 199px;
    }

    #page-home.navbar-is-scrolled #search {
        top: 60px;
    }

    #page-home.navbar-is-scrolled.page-convenience-centre #search {
        top: 112px;
    }

    .modal-search {
        padding: 100px 50px;
    }

    .nav-search li {
        margin: 0 15px;
    }

    .arriving-methods {
        margin: 0 -10px;
    }

    .arriving-methods li {
        width: calc(20% - 20px);
        padding-bottom: calc(20% - 28px);
    }

    .page-convenience-centre .navbar-nav > li > a:active {
        border-bottom-color: #000;
    }

    .page-convenience-centre .navbar-header {
        width: 100%;
    }

    .page-convenience-centre .navbar-nav li:not(:nth-child(2)) {
        text-align: center;
    }
}

@media all and (min-width: 1024px) {
    .pillar-categories > div {
        width: 25%;
    }

    .pillar-categories-3 > div {
        width: 33.33333333333333%;
        margin: 0;
    }

    .pillar-categories-3 .pillar-categories-entry-caption h5 {
        font-size: 3em;
    }

    .major-retailers-is-not-carousel {
        margin: 0 -10px;
    }

    .major-retailers-is-not-carousel .major-retailers-entry {
        width: calc(25% - 20px);
        margin: 0 10px 20px;
    }
}

@media all and (max-width: 1199px) {
    .tag {
        width: 70px;
        height: 30px;
    }
}

@media all and (max-width: 1024px) {
    .valign > * {
        margin-left: auto;
        margin-right: auto;
    }

    .valign > [class*=col-sm],
    .valign > [class*=col-xs] {
        margin-left: 0;
        margin-right: 0;
    }

    .valign > .container {
        width: 100%;
    }

    .gift-banner a {
        display: inline-block;
        margin-top: 50px;
    }

    .gift-banner .gift-card {
        top: 100px;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
        max-width: 240px;
    }
}

@media all and (max-width: 768px) {
    .gift-banner a {
        display: inline-block;
        margin-top: 50px;
    }

    .gift-banner .gift-card {
        top: 100px;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
        max-width: 180px;
    }
}

@media all and (max-width: 767px) {
	
    .heading1,
    .heading-xxl,
    h1 {
        font-size: 2.4em;
        line-height: 0.9;
    }

    h2 {
        font-size: 2em;
    }

    h3 {
        font-size: 1.8em;
    }

    h4 {
        font-size: 1.6em;
    }

    h5 {
        font-size: 1.4em;
    }

    h6 {
        font-size: 1.2em;
    }

    .heading2 {
        font-size: 2.2em;
        line-height: 1;
    }

    .heading3 {
        font-size: 2em;
        line-height: 1.1;
    }

    .heading4 {
        font-size: 1.6em;
    }

    .sub1 {
        font-size: 1.2em;
    }

    .sub2 {
        font-size: 1.1em;
    }

    .sub3 {
        font-size: 1em;
    }

    .subtitle.sub3 {
        font-size: 1.25em;
    }

    .small {
        font-size: 0.875em;
    }

    .text-big,
    .text-big-xl {
        font-size: 1.25em;
    }

    .slick-home-wrapper {
        margin: 0 -15px;
    }

    .hours-button-wrapper {
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        left: 0;
        right: 0;
        z-index: 3;
    }

    .hours-button-wrapper .hours-button {
        border-radius: 0;
        padding: 20px;
        width: 100%;
        font-size: 1em;
        text-transform: uppercase;
    }

    .hours-button-wrapper .icon-clock {
        width: 24px;
        height: 24px;
        margin-top: -6px;
        margin-right: 6px;
        background: url("../img/icon-clock2.png") no-repeat 50% 50%;
    }

    #trading-hours > * {
        padding: 30px 0 30px;
        margin: 0;
    }

    #trading-hours.page-trading-hours > * {
        padding: 5px 0;
    }

    .tabs-trading-hours > li {
        width: 50%;
    }

    .tabs-trading-hours > li > a {
        font-size: 0.875em;
        padding: 8px 4px;
    }

    .tabs-trading-hours > li:nth-of-type(1) a {
        border-bottom: 1px solid #e7e7e7;
    }

    .tabs-trading-hours > li:nth-of-type(2) a {
        border-right: 0 !important;
        border-bottom: 1px solid #e7e7e7 !important;
        border-top-right-radius: 6px;
    }

    .tabs-trading-hours > li:nth-of-type(3) a {
        border-bottom-left-radius: 6px;
    }

    .tabs-trading-hours > li:first-of-type a {
        border-bottom-left-radius: 0;
        border-top-left-radius: 6px;
    }

    .tabs-trading-hours > li:last-of-type a {
        border-bottom-right-radius: 6px;
        border-top-right-radius: 0;
    }

    .upcoming-events {
        margin: 0 -15px;
    }

    #search .upcoming-events-is-not-carousel {
        margin: 0 -20px;
    }

    .slick-upcoming-events .slick-dots {
        left: 20px;
        right: 20px;
    }

    .action-arrow {
        width: 44px;
        height: 44px;
    }

    .slick-main {
        height: 340px;
    }

    .slick-main .slick-dots {
        text-align: center;
    }

    .slick-main .slick-dots li {
        width: 12px;
        height: 12px;
    }

    .ribbon {
        display: none;
    }

    #home {
        padding-top: 0;
    }

    .navbar-toggle {
        border: 0;
        margin: 0;
        position: absolute;
        top: 0;
        right: -1;
        height: 59px;
        width: 59px;
        border-radius: 0;
        text-align: center;
        background-color: #FDB713;
        z-index: 2;
    }

    .navbar-toggle .icon-bar {
        margin-left: auto;
        margin-right: auto;
        border-radius: 0;
        height: 4px;
        width: 26px;
        background-color: #fff;
    }

    .navbar > *,
    .navbar-scrolled.navbar-trans > * {
        background-color: #000;
    }

    .navbar-brand {
        position: relative;
        z-index: 2;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-right: 0px;
    }

    .navbar-tucked .navbar-brand {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .navbar-scrolled .navbar-brand {
        padding-left: 15px;
    }

    .navbar-scrolled .navbar-brand img {
        height: 30px !important;
    }

    .navbar-brand img {
        height: 35px;
    }

    .navbar-tucked .navbar-header {
        margin: 0 -15px;
    }

    .navbar-tucked .navbar-brand img {
        height: 35px;
    }

    .navbar-scrolled.navbar-trans .navbar-header {
        margin-left: -15px;
        margin-right: -15px;
    }

    .navbar-scrolled.navbar-trans .navbar-brand {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-scrolled.navbar-trans .navbar-toggle {
        height: 60px;
        width: 60px;
    }

    .navbar-menu {
        display: none;
    }

    .navbar-header {
        float: left;
        margin-top: 0;
    }

    .navbar-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
        opacity: 0;
        -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
        transition: opacity .5s ease, -webkit-transform .5s ease;
        transition: opacity .5s ease, transform .5s ease;
        transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease;
        background: rgba(3, 2, 7, 0.9);
    }

    .navbar-menu-open {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    .navbar-menu > .navbar-nav {
        padding-top: 65px;
        display: block;
        text-align: left;
        margin: 0;
    }

    .navbar-nav .btn {
        display: table;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1.175em;
        margin: 15px auto;
        padding: 14px 32px;
    }

    .navbar-nav .btn:hover {
        background-color: #fff;
        color: #000;
    }

    .navbar-nav li:first-of-type {
        text-align: inherit;
    }

    .navbar-nav > li {
        display: block;
    }

    .navbar-nav > li > a:not(.btn) {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1.175em;
        padding: 16px 16px 16px 34px;
    }

    .navbar-nav > li > a:not(.btn):hover {
        background-color: #000000;
        color: #fff;
    }

    .navbar-nav > li > a:not(.btn) {
        border-bottom: 1px solid #fff;
    }

    .navbar-nav > li:nth-of-type(2) > a:not(.btn) {
        border-top: 1px solid #fff;
    }

    .menu-open .icon-bar {
        position: absolute;
        top: 28px;
        left: 16px;
        margin: 0 !important;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .menu-open .icon-bar:nth-of-type(2) {
        display: none;
    }

    .menu-open .icon-bar:nth-of-type(4) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .footer-title {
        margin-top: 30px;
    }

    .form-subscribe {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .form-subscribe .btn {
        max-width: 200px;
        padding: 12px 32px;
        margin: 15px auto;
    }

    .center-block-xs {
        margin: 0 auto;
        max-width: 200px;
    }

    .text-center-xs {
        text-align: center;
    }

    .table-hours-side {
        text-align: left;
        max-width: 260px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .form-search-inline {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 15px;
    }

    .form-search-inline > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 80%;
        margin: 10px auto;
    }

    .form-search-inline > *:last-child {
        width: 100%;
    }

    .form-group-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form-group-btn input {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
    }

    .form-group-btn button {
        margin: 10px auto 0;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .slick-retailers .slick-prev,
    .slick-retailers .slick-next {
        width: 16px;
        height: 32px;
    }

    .slick-retailers .slick-prev {
        left: -12px;
    }

    .slick-retailers .slick-next {
        right: -12px;
    }

    .offset-top-20 {
        margin-top: -20px;
    }

    .link-caret:after {
        -webkit-transform-origin: center right;
        transform-origin: center right;
        right: -8px;
        top: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .opening-soon {
        padding: 30px 15px;
    }

    .table-hours.table-trading-hours > tbody > tr > td:first-of-type {
        text-align: left;
    }

    .page-content-sm {
        padding: 40px 0;
    }

    .row-category-retailers {
        padding-top: 10px;
        margin-top: 10px;
    }

    .opening-soon {
        margin: 0 -15px;
        margin-top: -20px;
    }

    .slick-upcoming-events .upcoming-events-entry-caption {
        bottom: 60px;
        font-size: 1.4em;
    }

    .upcoming-events-entry-caption {
        font-size: 1.4em;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .slick-alt {
        height: 200px;
    }

    .slick-alt.slick-dotted {
        margin-bottom: 40px;
    }

    .slick-alt .slick-dots {
        display: block !important;
    }

    .offset-top-20-sm {
        margin-top: -16px;
    }

    .more {
        overflow: hidden;
        max-height: calc(14px * 1.67 * 4);
        -webkit-transition: max-height .3s ease;
        transition: max-height .3s ease;
    }

    .slick-opening-soon {
        height: 260px;
        margin: 0 -15px;
    }

    .slick-opening-soon .opening-soon {
        margin: 0;
        padding: 15px;
    }

    .pt-xs-0 {
        padding-top: 0 !important;
    }

    .slick-opening-soon {
        margin-top: -20px;
    }

    .search-store-wrapper .btn {
        z-index: 101;
        margin-left: -45px;
        margin-top: 0;
    }

    .search-store-wrapper input {
        font-size: 0.875em;
        padding-right: 60px;
        font-weight: 600;
        height: 39px;
    }

    .search-store-wrapper button {
        min-width: 0;
        font-size: 0.75em;
    }

    .search-store-wrapper-search {
        padding: 30px 15px;
        border-bottom: 1px solid #ddd;
    }

    .page-convenience-centre .navbar {
        background: #fff;
    }

    .page-convenience-centre .navbar .container {
        background: #fff;
    }

    .page-convenience-centre .navbar-brand img {
        height: 35px;
    }

    .page-convenience-centre .subscribe-message {
        display: none;
    }

    .page-convenience-centre .navbar-toggle {
        background: #000;
    }

    .page-convenience-centre .hours-button-wrapper {
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        left: 0;
        right: 0;
        z-index: 3;
    }

    .page-convenience-centre .hours-button .icon-clock {
        background-image: url("../img/icon-clock2-white.png");
    }

    .page-convenience-centre .slick-main {
        height: 360px;
    }

    .page-convenience-centre .slick-main .slick-content {
        text-align: center;
        padding: 50px 15px;
    }

    .page-convenience-centre .slick-main .btn {
        border-width: 3px;
    }

    .page-convenience-centre .heading-xxl {
        font-size: 3em;
        line-height: 1;
    }

    .page-convenience-centre .ribbon {
        display: none;
    }

    .page-convenience-centre.navbar-is-scrolled .ribbon {
        display: none;
    }

    .page-convenience-centre .slick-instagram-convenience-centre .slick-dots {
        text-align: center;
        bottom: -15px;
        width: auto;
        left: 50px;
        right: 50px;
    }

    .page-convenience-centre .slick-instagram-convenience-centre .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .page-convenience-centre .slick-instagram-convenience-centre .slick-dots li button {
        font-size: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .page-convenience-centre .slick-instagram-convenience-centre .slick-dots li.slick-active button {
        background-color: black;
    }

    .page-convenience-centre .slick-instagram-convenience-centre .slick-dots li button:before {
        display: none;
    }

    .page-convenience-centre .slick-convenience-centre-major-retailers .slick-dots {
        text-align: center;
        bottom: -15px;
        width: auto;
        left: 50px;
        right: 50px;
    }

    .page-convenience-centre .slick-convenience-centre-major-retailers .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .page-convenience-centre .slick-convenience-centre-major-retailers .slick-dots li button {
        font-size: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .page-convenience-centre .slick-convenience-centre-major-retailers .slick-dots li.slick-active button {
        background-color: black;
    }

    .page-convenience-centre .slick-convenience-centre-major-retailers .slick-dots li button:before {
        display: none;
    }

    .page-convenience-centre .slick-instagram-convenience-centre .comments,
    .page-convenience-centre .slick-instagram-convenience-centre .likes {
        background-size: 16px 16px;
    }

    .page-convenience-centre .slick-instagram-convenience-centre .fa {
        font-size: 16px;
    }

    .page-convenience-centre .slick-instagram-convenience-centre .instagram-post-stats {
        bottom: 8px;
    }

    .page-convenience-centre .slick-instagram-convenience-centre .instagram-post-stats .fa {
        bottom: 10px;
    }

    .page-convenience-centre .slick-instagram-convenience-centre .instagram-post-stats > * {
        padding: 4px 8px 4px 24px;
    }

    .page-convenience-centre .major-retailers-entry {
        padding: 15px;
        box-shadow: 0 6px 32px rgba(0, 0, 0, 0.2);
    }

    .page-convenience-centre .major-retailers .slick-track {
        padding: 15px 0;
    }

    .page-convenience-centre .navbar-menu {
        top: 59px;
    }

    .page-convenience-centre .navbar-menu > .navbar-nav {
        padding-top: 5px;
    }

    .follow-social:not(.inline-block) {
        margin-top: 15px;
    }

    .top-actions a:first-of-type {
        display: none;
    }

    .navbar-scrolled .top-actions a:first-of-type {
        display: inline-block;
    }

    .slick-dotted.slick-instagram {
        margin: 40px 0;
    }

    .hours-expand-button:hover {
        background-color: #000000;
        box-shadow: none;
    }

    .hours-expand-button:focus {
        background-color: #fdb713;
        box-shadow: none;
    }

    .hours-expand-button:active {
        background-color:  #fdb713;
        box-shadow: none;
    }
}

@media all and (max-width: 579px) {
    .major-retailers-is-not-carousel .major-retailers-entry {
        position: relative;
        padding: 5px 5px 5px 12px;
    }

    .major-retailers-is-not-carousel .major-retailers-entry-thumb {
        position: absolute;
        overflow: hidden;
        left: 5px;
        top: 5px;
        bottom: 5px;
        max-height: 115px;
        width: 45%;
        float: left;
        margin-right: 15px;
    }

    .major-retailers-is-not-carousel .major-retailers-entry-thumb img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        min-height: 50%; /*pk change from 10% to 50%*/
        min-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .major-retailers-is-not-carousel .major-retailers-entry-body {
        margin-top: 30px;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-right: 0;
        font-size: 0.875em;
        padding-left: 50%;
    }

    .major-retailers-is-not-carousel .major-retailers-entry h6:after {
        top: 5px;
    }

    .major-retailers-is-not-carousel .major-retailers-entry * + p {
        margin-top: 0;
    }

    .major-retailers-is-not-carousel .major-retailers-entry .collapse-inner {
        padding-bottom: 15px;
        font-size: 0.875em;
    }

    .major-retailers-is-not-carousel .major-retailers-entry .collapse-inner ul {
        padding-top: 10px;
    }

    .major-retailers-is-not-carousel .tag {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .gift-banner a {
        display: inline-block;
        margin-top: 50px;
    }

    .gift-banner .gift-card {
        top: 270px;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
        max-width: 180px;
    }

    .btn-social {
        display: block;
        max-width: 80%;
        margin: 8px auto;
    }

    .modal-body .btn-social {
        margin: 8px auto;
    }

    footer {
        padding: 30px;
    }

    .parking-options-entry {
        width: calc(50% - 2px);
        padding: 15px;
    }

    .parking-options-entry-letter {
        width: 60px;
        height: 60px;
        line-height: 55px;
        font-size: 3em;
    }

    .directions .icon {
        float: none;
        margin: 0 auto 30px;
    }

    .directions-info {
        text-align: center;
    }

    .visible-custom-xs {
        display: block !important;
    }

    .visible-custom-xs-inline-block {
        display: inline-block !important;
    }

    .hidden-custom-xs {
        display: none !important;
    }
}

@media all and (max-width: 419px) {

}