/* A temporary stylesheet to do any on the fly amendments that don't involve editting the existing code - should you find it easier to overwrite.*/
.major-retailers-entry-thumb img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .major-retailers-entry-thumb img {
        height: auto;
        width: auto;
        margin: 0 auto;
    }
}

.upcoming-events-entry p {
    margin-top: 0;
}

.major-retailers-entry-body p {
    min-height: 3.2em; /* Always be two lines */
}

.major-retailers-entry-body h6 {
    min-height: 2.5em;
}

.no-results-inner {
    text-align: center;
}

.slick-bg {
    opacity: 0;
    transition: opacity .7s ease;
}

.page-convenience-centre .top-mobile-nav {
    border-bottom: 1px solid #000;
}

.heading-xxl {
    line-height: 1;
    font-size: 5.6em;
}

.nav > .search {
    position: relative;
    cursor: pointer;
    padding-top: 0;
}

.nav > .search > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.top-actions {
    top: 50%;
    transform: translateY(-50%);
}

.top-actions .icon-clock, .top-actions .icon-search {
    margin: 0;
    top: 0;
}

.top-actions, .navbar-scrolled .top-actions {
    margin-top: -4px;
}

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

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

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gform_fields input {
    border-radius: 30px;
    box-shadow: none;
    height: 45px;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding-top: 4px !important;
    padding-left: 20px !important;
    border-color: #cccccc;
}

.gform_wrapper textarea.medium {
    border-radius: 30px;
    box-shadow: none;
    height: 45px;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding-top: 16px !important;
    padding-left: 20px !important;
    font-size: 1em;
    border-color: #cccccc;
}

.gform_wrapper textarea.medium:focus, .gform_wrapper .gform_fields input:focus {
    box-shadow: none;
    border-color: #000 !important;
}

.gform_wrapper .gform_fields input::placeholder {
    color: #696969;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-left: 0;
}

/*#page-home #search {*//*top: 105px; }*//*#page-home.navbar-is-scrolled #search {*//*top: 105px; }*/
    .radio-box label:before {
        top: 2px;
    }

    .radio-box label:hover:after, .radio-box label:after {
        top: 6px;
    }

    .gfield_radio input[type="radio"] {
        display: none !important;
    }

    .gfield_radio label {
        position: relative;
        max-width: none !important;
        margin-bottom: 0 !important;
        padding-left: 30px !important;
        font-weight: 500 !important;
        font-size: 1em !important;
        cursor: pointer !important;
    }

    .gfield_radio label:before {
        content: "";
        position: absolute;
        left: 0;
        top: -2px;
        width: 22px;
        height: 22px;
        border-radius: 100%;
        border: 1px solid #ccc;
        background: #ffffff;
    }

    .gfield_radio label:after {
        content: "";
        position: absolute;
        left: 4px;
        top: 2px;
        width: 14px;
        height: 14px;
        border-radius: 100%;
        background: #000000;
        opacity: 0;
        transition: opacity .3s ease;
    }

    .gfield_radio label:hover:after {
        content: "";
        position: absolute;
        left: 4px;
        top: 2px;
        width: 14px;
        height: 14px;
        border-radius: 100%;
        background: #312873;
        opacity: 0.2;
    }

    .gfield_radio input:checked + label:after {
        opacity: 1;
    }

    .slick-convenience-centre-major-retailers .slick-list, .slick-major-retailers .slick-list, .slick-convenience-centre-major-retailers .slick-track, .slick-major-retailers .slick-track, .slick-convenience-centre-major-retailers .slick-slide, .slick-major-retailers .slick-slide {
        height: auto;
    }

    .slick-instagram-convenience-centre .slick-list, .slick-instagram-convenience-centre .slick-track, .slick-instagram-convenience-centre .slick-slide {
        height: auto;
    }

    .slick-retailers .slick-list, .slick-retailers .slick-track, .slick-retailers .slick-slide {
        height: auto;
    }

    .slick-custom .slick-list, .slick-custom .slick-track, .slick-custom .slick-slide {
        height: auto;
    }

    .slick-instagram-convenience-centre {
        display: none;
    }

    .follow-social li a {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }

    .row-category-disabled {
        position: relative;
        margin-top: 15px;
    }

    .row-category-disabled:before, .row-category-disabled:after {
        content: "";
        width: 100%;
        height: 3px;
        background-image: -webkit-repeating-radial-gradient(center center, #bebebe, #bebebe 1px, transparent 1px, transparent 100%);
        background-image: -moz-repeating-radial-gradient(center center, #bebebe, #bebebe 1px, transparent 1px, transparent 100%);
        background-image: -ms-repeating-radial-gradient(center center, #bebebe, #bebebe 1px, transparent 1px, transparent 100%);
        background-image: repeating-radial-gradient(center center, #bebebe, #bebebe 1px, transparent 1px, transparent 100%);
        -webkit-background-size: 3px 3px;
        -moz-background-size: 3px 3px;
        background-size: 3px 3px;
        position: absolute;
        top: -4px;
        left: 0;
    }

    .row-category-disabled:after {
        top: auto;
        bottom: -4px;
    }

    input.text-big-xl {
        height: 52px;
    }

    .current-offers-home {
        margin-top: 50px;
    }

    .modal-search .major-retailers-is-not-carousel, .category-page-search .major-retailers-is-not-carousel {
        width: calc(100% / 3);
        margin: 0;
        padding: 0;
    }

    #search-stores:before, #search-stores:after {
        content: "";
        display: table;
        clear: both;
    }

    .plain-page {
        font-weight: 500;
        padding-top: 20px;
        padding-bottom: 60px;
    }

    .plain-page p {
        line-height: 1.77;
    }

    .plain-page h2 + h3 {
        margin-top: 5px;
    }

    .plain-page h3 + h4 {
        margin-top: 5px;
    }

    .plain-page h1 {
        letter-spacing: 0;
        font-size: 3.4em;
        font-weight: 700;
    }

    .plain-page h2 {
        font-size: 2.8em;
        font-weight: 700; /*padding-bottom: 25px;*/
        position: relative;
    }

    .plain-page h2 + *, .plain-page h3 + * {
        margin-top: 20px;
    }

/*.plain-page h2:before {*//*content: "";*//*position: absolute;*//*bottom: 0;*//*left: 0;*//*height: 2px;*//*width: 20px;*//*background-color: #333;*//*}*/
    .plain-page h3 {
        font-size: 2em;
        font-weight: 500;
    }

    .plain-page h4 {
        font-size: 1.8em;
        font-weight: 500;
    }

    .plain-page ul {
        list-style: none;
        padding: 15px 0;
        margin: 0;
    }

    .plain-page ul li {
        padding-left: 20px;
        position: relative;
    }

    .plain-page ul li + li {
        margin-top: 4px;
    }

    .plain-page ul li:before {
        content: "";
        position: absolute;
        top: 11px;
        left: 0;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background-color: #000;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
    }

    .subscribe-form .gform_wrapper {
        margin-top: 0;
    }

    .subscribe-form .gform_wrapper ul.gform_fields li.gfield {
        float: left;
        width: calc(100% / 3);
        clear: none;
    }

    .subscribe-form .gform_wrapper .top_label input.medium, .subscribe-form .gform_wrapper .top_label select.medium {
        width: 100%;
    }

    .subscribe-form .gform_wrapper .gform_body {
        float: left;
        width: 80%;
        clear: none;
    }

    .subscribe-form .gform_wrapper .gform_footer {
        float: left;
        width: 20%;
        clear: none;
        padding: 12px 0 10px;
    }

    .subscribe-form .gform_wrapper .gform_footer input.button, .subscribe-form .gform_wrapper .gform_footer input[type=submit], .subscribe-form .gform_wrapper .gform_page_footer input.button, .subscribe-form .gform_wrapper .gform_page_footer input[type=submit] {
        margin: 20px 0 0 24px;
    }

    .subscribe-form .gform_wrapper ul.gfield_radio, .subscribe-form .gform_wrapper ul.gfield_checkbox {
        margin: -4px 0;
    }

    .slick-custom {
        padding: 0 100px;
    }

    .page-convenience-centre .slick-custom .slick-prev, .page-convenience-centre .slick-custom .slick-next {
        margin-top: 1px;
    }

    .page-convenience-centre .slick-custom .slick-prev {
        left: 40px;
    }

    .page-convenience-centre .slick-custom .slick-next {
        right: 40px;
    }

    .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
        background-color: transparent !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        font-family: "Tablet Gothic Narrow", "Sharp Sans", sans-serif !important;
    }

    .gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
        border-color: #da291c;
        background-color: #fff;
        font-family: "Tablet Gothic Narrow", "Sharp Sans", sans-serif !important;
    }

    .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
        background-color: transparent;
        color: #da291c;
        padding: 0;
        font-family: "Tablet Gothic Narrow", "Sharp Sans", sans-serif !important;
    }

    .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
        border-color: #da291c !important;
    }

    .gform_wrapper .gfield_error .gfield_label {
        color: #333 !important;
    }

    .gform_wrapper div.validation_error {
        background-color: #f9dfdd !important;
        color: #da291c !important;
        padding: 15px 20px !important;
        border-radius: 0 !important;
        border: 0 !important;
        font-family: "Tablet Gothic Narrow", "Sharp Sans", sans-serif !important;
        text-align: left !important;
    }

    .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
        position: relative;
        padding-left: 40px;
        font-size: 1em;
        font-weight: 500;
    }

    .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description:before {
        content: "\f00d";
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        left: 20px;
    }

    body .gform_wrapper ul li.gfield {
        margin-top: 0 !important;
    }

    .top-actions > a, .top-actions > span {
        font-size: 0;
    }

    .top-actions .icon-close {
        margin: 0;
        top: 0;
    }

    .top-actions .icon-search {
        top: 1px;
    }

    .page-convenience-centre .centre-map-button .btn:hover {
        color: #fff;
    }

    .mapplic-list-category > a .mapplic-list-count {
        background-color: rgba(255, 255, 255, 0.1) !important;
    }

    .page-convenience-centre .centre-map-button .expand {
        color: #fff;
    }

    .page-convenience-centre .centre-map-button .btn:hover .expand {
        color: #000;
        background-color: #fff;
    }

    .page-convenience-centre .mapplic-list-category > a {
        background-color: #000;
    }

    .mapplic-sidebar {
        border-left: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

    .mapplic-list-location {
        border-color: #cccccc !important;
    }

    .mapplic-list-location > a:hover {
        border-width: 1px !important;
        border-color: transparent !important;
    }

    .page-convenience-centre .mapplic-list-location > a:hover {
        background-color: rgba(49, 39, 131, 0.05) !important;
    }

    .sidebar-info-mobile > a {
        display: block;
    }

    .sidebar-info-mobile > a + a {
        margin-top: 15px;
    }

    .sidebar-info-desktop * + p {
        margin: 0;
    }

    .modal-search .tab-pane {
        display: flex;
        flex-wrap: wrap;
    }

    .modal-search .tab-pane {
        display: -webkit-flex;
        -webkit-flex-wrap: wrap !important;
    }

    .modal-search .tab-pane:before,
    .modal-search .tab-pane:after {
        width: 0;
    }

    .modal-search .tab-content .tab-pane {
        display: none;
    }

    .modal-search .tab-content>.active {
        display: block;
    }

    @media all and (min-width: 768px) {
        .major-retailers-entry-body p {
            margin-top: 0 !important;
            min-height: 0;
        }

        .slick-slide .major-retailers-entry-body p {
            min-height: 5em;
        }

        .subscribe-form .gform_wrapper .gform_footer {
            margin-top: 0;
        }

        body .subscribe-form .gform_wrapper ul li.gfield {
            margin-top: 0;
        }
    }

    @media all and (max-width: 767px) {
        .modal-search .major-retailers-is-not-carousel, .category-page-search .major-retailers-is-not-carousel {
            padding: 0;
            margin: 0;
        }

        .major-retailers-is-not-carousel .major-retailers-entry {
            margin-bottom: 15px;
        }

        .category-page-slider {
            margin-top: 0;
        }

        .category-page-slider .container {
            padding: 0;
        }

        .major-retailers-is-not-carousel .major-retailers-entry {
            box-shadow: 1px 1px 5px 0px #dedede;
            margin-bottom: 5px;
        }

        .major-retailers-is-not-carousel .major-retailers-entry + .major-retailers-is-not-carousel .major-retailers-entry {
            margin-top: 15px;
        }

        .category-enabled, .row-category-disabled {
            padding: 15px;
        }

        .modal-search .major-retailers-is-not-carousel, .category-page-search .major-retailers-is-not-carousel {
            width: calc(100% / 2);
            min-width: initial;
        }

        .subscribe-form .gform_wrapper ul.gform_fields li.gfield {
            float: none;
            width: 100%;
            margin-top: 0;
        }

        .subscribe-form .gform_wrapper .gform_footer, .subscribe-form .gform_wrapper .gform_body {
            width: 100%;
            float: none;
        }

        .subscribe-form .gform_wrapper .gform_footer {
            margin-top: 0;
        }

        .subscribe-form .gform_wrapper .gform_footer input.button, .subscribe-form .gform_wrapper .gform_footer input[type=submit], .subscribe-form .gform_wrapper .gform_page_footer input.button, .subscribe-form .gform_wrapper .gform_page_footer input[type=submit] {
            margin: 10px 0 0;
        }

        body .subscribe-form .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .subscribe-form .gform_wrapper ul li.field_description_below div.ginput_container_radio {
            margin-top: 0;
        }
    }

    .page-template-centre-services .heading4 {
        margin-top: 20px;
    }

    .category-page-search {
        padding-top: 15px !important;
    }

    .hours-button {
        padding: 24px 40px 30px;
    }

    .hours-heading {
        font-weight: 900;
        margin-bottom: 0;
        font-size: 1.1em;
        padding-top: 15px;
    }

    footer .table-trading-hours {
        margin-top: 10px;
    }

    .upcoming-events-entry-date {
        margin-top: 0;
    }

    .no-text-wrap {
        white-space: nowrap;
    }
    .offer-template-default .page-content-sm{
        line-height: 2;
    }
    @media (max-width: 579px) {
        .major-retailers-entry-footer .btn {
            margin-top: 10px;
        }

        .category-page-search .major-retailers-is-not-carousel + .major-retailers-is-not-carousel, .major-retailers-is-not-carousel + .major-retailers-is-not-carousel {
            margin-top: 15px;
        }

        .modal-search .major-retailers-is-not-carousel, .category-page-search .major-retailers-is-not-carousel {
            float: none;
            width: 100%;
        }

        .modal-search .major-retailers-is-not-carousel + .major-retailers-is-not-carousel {
            margin-top: 0;
        }
    }

    .form-submitted-success .modal {
        display: block;
    }

    .page-convenience-centre .top-actions .icon-clock {
      background-image: url("../img/icon-clock2-black.png") !important }

      .navbar .container{
        background-color: transparent;
    }

/* New UI 2024 Jan */
.nav-icon-ui {
  width: 40px;
  height: 25px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.nav-icon-ui span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #ffffff;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.nav-icon-ui span:nth-child(1) {
  top: 0px;
}

.nav-icon-ui span:nth-child(2),.nav-icon-ui span:nth-child(3) {
  top: 10px;
}

.nav-icon-ui span:nth-child(4) {
  top: 19px;
}

.nav-icon-ui.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.nav-icon-ui.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-icon-ui.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-icon-ui.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.navbar-menu{
    display: none;
}
.navbar-menu.open{
    display: block;
}

.new-header-ui{
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    padding: 0 20px;
}

.new-header-ui .new-toggle-ui{
    display: flex;
    gap: 20px;
    align-items: center;
    flex: 1;
    text-align: center;
}
.new-header-ui .new-toggle-ui .closing-titme-ui{
    font-size: 16px;
    text-transform: uppercase;
}

.new-header-ui .navbar-brand{
    margin: 0 auto !important;
    flex: 1;
    text-align: center;
    display: flex;
    justify-content: center;
}
.new-header-ui .subscribe-message{
    display: flex;
    flex: 1;
    justify-content: flex-end;
}
.navbar-menu{
    width: 360px;
    position: absolute;
    top: 100px;
    left: 0;
    background: #212020;
}
.navbar-menu .navbar-nav{
    display: flex;
    flex-direction: column;
    
}
.navbar-menu .navbar-nav li{
    text-align: left !important;
}
.navbar-menu .navbar-nav li a{
    display: block;
    padding: 15px 30px;
    border-bottom: 0;
}
.navbar-menu .navbar-nav li a:hover{
    border-bottom: 0;
    background-color: #292929;
}
.new-header-ui .subscribe-message .follow-social li a{
    background-color: transparent !important;
    width: 35px;
    height: 48px;
    border: 0 !important;

}
.new-header-ui .subscribe-message .follow-social li a:hover{
    border: 0 !important;
    box-shadow: none;
}
.new-header-ui .subscribe-message .follow-social li .fa{
    font-size: 23px;
    margin-left: 6px;
    cursor: pointer;
}
.new-header-ui .subscribe-message .follow-social li .fa:hover{
    color: #d66d2c;
}
.new-header-ui .subscribe-message .btn {
    display: inline-flex;
    background: transparent !important;
    border: solid 2px #fff !important;
    border-radius: 0px;
    margin-right: 10px;
}
.new-header-ui .subscribe-message .btn:hover{
    color: #fff !important;
    background: #d66d2c !important;
    border: solid 2px #d66d2c !important;
}
nav.navbar{
    padding-bottom: 6px !important;
}
.page-convenience-centre .navbar-scrolled .navbar-header{
    width: 100%;
}
.page-convenience-centre .navbar-scrolled .subscribe-message{
    display: flex;
    
}
.page-convenience-centre .navbar-scrolled .subscribe-message .search{
    display: none;
}
.page-convenience-centre .navbar-scrolled .navbar-menu{
    top: 65px;
}
.scrolled.navbar-trans .search{
    position: inherit;
}
.page-convenience-centre .navbar-scrolled .container{
    max-width: 1920px !important;
}

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

#home .container{
    padding: 0;
}
.new-hero-ui{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    height: calc(100vh - 170px);
}
.new-hero-ui .new-hero-banner{
    width: 50%;
}
.new-hero-ui .new-hero-cat{
    width: 50%;
    position: relative;
    height: 100%;
}
.new-hero-ui .new-hero-cat .pillar-categories{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.new-hero-ui .new-hero-cat .pillar-categories > div{
    flex: 1 0 48%;
    height: 50%;
    aspect-ratio: 1/1;
}
.new-hero-ui .new-hero-cat .pillar-categories > div a{
    padding: 0;
}
.new-hero-ui .new-hero-banner .slick-main{
    height: calc(100vh - 170px);
    margin: 0;
}
.new-hero-ui .new-hero-banner .slick-home-wrapper{
    margin-top: 0 !important;
}
.page-convenience-centre .top-mobile-nav{
    display: none !important;
}
.new-hero-ui .slick-main .slick-prev, .new-hero-ui .slick-main .slick-next{
   border: 0;
   background-size: contain;
   width: 40px;
   height: 40px;
   box-shadow: none !important;
}
.new-hero-ui .slick-main .slick-prev:hover, .new-hero-ui .slick-main .slick-next:hover{
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.new-hero-ui .slick-main .slick-next{
    position: absolute;
    bottom: 10px;
    right: 20px;
    top: auto;
    margin: 0;
    background-image: url("../img/next.png") !important;
}
.new-hero-ui .slick-main .slick-prev{
    position: absolute;
    bottom: 10px;
    right: 60px;
    left: auto;
    top: auto;
    margin: 0;
    background-image: url("../img/prev.png") !important;
}
.new-hero-ui .slick-main .slick-dots{
    display: none !important;
}
.new-hero-btn-wrap{
    background-color: #292929;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-hero-btn-wrap .new-hero-btn{
    color: #fff;
    background: transparent;
    border: solid 2px #fff;
    padding: 8px 20px;
    font-weight: 700;
    letter-spacing: 0.04em;
    font-size: 14px;
    line-height: 1;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.new-hero-btn-wrap .new-hero-btn:hover{
    color: #fff ;
    background: #d66d2c ;
    border: solid 2px #d66d2c ;
}
.closing-titme-ui-mobile{
    display: none;
}
.navbar-scrolled.navbar-trans .closing-titme-ui-mobile{
    display: none;
}
.btn-primary,.btn-primary:hover,.follow-social li a,.follow-social li a:hover,.gform_wrapper .gform_footer input[type=submit],.gform_wrapper .gform_footer input[type=submit]:hover {
    border: 2px solid transparent!important;
    background-color: #d66d2c!important;
    color: #fff!important
}
#sb_instagram.sbi_palette_custom_1 #sbi_load .sbi_follow_btn a {
    background: #d66d2c
}
.slick-main .slick-bg{
    background-position: left top;
}
.new-hero-banner .slick-main .mobile_slider_image{
    display:none;
}
.new-hero-banner .mobile_slider_image_responsive{
    display: none;
}
@media all and (max-width: 1200px) {
    .new-hero-banner .slick-main .desktop_slider_image{
        background-position: left top;
    }
    .new-hero-ui{
        flex-direction: column;
        /* height: calc(100vh - 154px); */
        height: auto;
        overflow: hidden;
    }
    .new-hero-ui .new-hero-banner{
        width: 100%;
    }
    .new-hero-ui .new-hero-cat{
        width: 100%;
        height: auto;
    }
    .new-hero-ui .new-hero-banner .slick-main{
        height: auto;
    }
    .new-hero-ui .new-hero-cat .pillar-categories > div{
        height: 300px;
    }
    .new-hero-banner .slick-main .mobile_slider_image{
        display:block;
        background-position: left top;
        position: initial;
        background-size: cover;
        padding-bottom: 75%;

    }
}
@media all and (max-width: 992px) {
    .new-hero-banner .mobile_slider_image_responsive{
        display: block;
        width: 100%;
    }
    .new-hero-banner .slick-slide{
        height: auto;
    }
    .new-hero-banner .slick-main .desktop_slider_image{
        display:none;
    }
    .new-hero-banner .slick-main .mobile_slider_image{
        background-size: contain;
        padding-bottom: 100%;
        display: none;
    }
    .new-hero-ui .slick-main .slick-dots{
        display: block !important;
    }
    .new-header-ui .subscribe-message .btn{
        display: none;
    }
    .new-header-ui .subscribe-message .follow-social li{
        display: none;
    }
    .new-header-ui .subscribe-message .follow-social li.search{
        display: block;
        top: 20px;
        right: 20px;
    }
    
    .closing-titme-ui-mobile{
        display: block;
        background: #fff;
        color: #000;
        padding: 5px 15px;
        font-size: 13px;
        text-transform: uppercase;
    }
    .navbar-toggle{
        top: 33px;
    }
    
    
    .new-header-ui .navbar-brand{
        padding: 14px 0 7px;
    }
    .new-header-ui{
        padding: 0px 15px;
    }
    #page-home #site-wrapper{
        padding-top: 122px;
    }
    
    .navbar-scrolled.navbar-trans .navbar-toggle{
        top: 0;
    }
    .top-actions{
        display: none;
    }
    .page-convenience-centre .navbar-scrolled .subscribe-message{
        right: 76px;
        top: 19px;
    }
    .page-convenience-centre .navbar-menu{
        width: 100%;
        padding: 0 20px;
    }
}

@media all and (max-width: 768px) {
    #page-home #site-wrapper{
        padding-top: 85px;
    }
    .new-hero-ui .new-hero-banner .slick-main{
        height: auto;
    }
    .new-header-ui .new-toggle-ui{
        display: none;
    }
    .new-hero-ui .new-hero-cat .pillar-categories > div{
        height: 190px;
    }
    .new-header-ui .subscribe-message{
        position: absolute;
        right: 71px;
        top: 36px;
    }
    .new-header-ui .subscribe-message .follow-social li.search{
        top: 0px;
        right: 0px;
    }
}