﻿/*
* @copyright ixiaplus inc. ireland 2018
* @version 1.0.0.0.0
*/
@charset "utf-8";

/**
[MINIMUM WIDTH SETTINGS]
*/
/**[FOOTER STYLES]
*/
/*(min-width:1025px) IPAD */
@media only screen and (min-width:1115px) {
    footer {
        min-height: 300px;
    }

    .footer-contents-links {
        min-width: 180px;
    }

    .sub-icon-genie {
        display: none;
    }
}

/*(min-width:600px)*/
@media only screen and (min-width:600px) {
    /*
.header-header-web-app-sub .webApp-logo-container {
height: auto;
position: absolute;
width: 20%;
margin: -30px 0 0 10%
}
*/
}

/*(min-width:450px*/
@media only screen and (min-width: 450px) {
    .yard-stick-pointer {
        float: left
    }
}

/**
[MAXIMUM WIDTH SETTINGS]
*/
/*(max-width:1440px)*/
@media only screen and (max-width:1440px) {

    /*DISPLAY CONTAINER*/
    .main-body-web-app-container {
        width: 94%;
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container {
        min-width: 225px;
        margin: .25%;
    }

    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: .5%;
    }

    .notification-body-content span#info-text {
        border: 1px solid rgba(255, 255, 255, .45);
        border-radius: 3px;
        margin-bottom: 5px;
        padding: .325rem .675rem .425rem;
    }

    .notification-content-alert-warning {
        padding: 2%;
    }

    .footer-contents-container {
        width: 90%;
    }

    .footer-contents-links {
        min-width: 150px;
        padding: 0 0 0 1em;
    }
}

/*(max-width:1300px)*/
@media only screen and (max-width:1380px) {
    .contents-container-wrapper .contents-grouping {
        min-width: 280px;
        max-width: 32%;
    }
}

/*(max-width:1300px)*/
@media only screen and (max-width:1300px) {
    .contents-container-wrapper .contents-grouping {
        min-width: 200px;
        max-width: 24%;
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container {
        width: 18%;
        margin: .5%;
    }

    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        width: 13.75%;
        margin: .25%;
    }

    /*CATEGORY SELECTOR*/
    .display-container-wrapper-subheader,
    .hidden-container-wrapper-subheader {
        position: absolute;
        bottom: 0;
        width: 80%;
        height: 40px;
        margin-left: 10%;
    }

    .default-navigation-menu ul li {
        min-width: 250px;
    }

    .footer-contents-container {
        width: 96%;
    }

    .main-advert-top-holder,
    .main-advert-bottom-holder {
        width: 90% !important;
    }
}

/*(max-width:1220px)*/
@media only screen and (max-width:1220px) {
    .main-body-web-app-billboard {
        background: url(../imagesAssets/jpgs-images/supermarket_aisle_1_3_325_d.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 325px;
    }

    .contents-container-wrapper .contents-grouping {
        min-width: 200px;
        max-width: 32%;
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container {
        min-width: 19%;

    }

    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        min-width: 19%;
        margin: .5%;
    }
}

/*(max-width:1115px)*/
@media only screen and (max-width:1115px) {
    /* .contents-container-wrapper .contents-grouping {
        min-width: 200px;
        max-width: 220px;
    } */

    .choose-location .choose-location-county {
        width: 80%;
    }

    .footer-contents-container {
        width: 90%
    }

    .footer-contents-links {
        min-width: 245px;
        padding: 0 1.5em;
    }

    .footer-contents-links ul li {
        margin-bottom: 2px
    }

    .footer-contents-links ul li.sub-child a:hover {
        color: white;
        text-decoration: underline
    }

    .main-advert-holder-bb {
        width: 900px;
        height: 200px
    }

    .main-advert-slot-bb {
        width: 900px;
    }

    .main-advert-holder-llb {
        width: 900px;
    }

    .main-advert-slot-llb {
        width: 900px;
    }
}

/*(max-width:1114px) IPAD PRO*/
@media only screen and (max-width:1114px) {

    /*SEARCH WRAPPER*/
    .site-search-wrapper {
        width: 60%;
    }
}

/*(max-width:1025px) IPAD 12.9-INCH PRO*/
@media only screen and (max-width:1025px) {

    /*MAIN CONTENTS AND GOOGLE ADSENSE PLACEMENT*/
    .contents-container-wrapper {
        display: block;
        width: 100% !important;
    }

    .main-body-right-holder {
        display: block;
        width: 100% !important;
    }

    /*MARQUEE*/
    .marquee {
        width: 700px;
    }

    .marquee-vertical-container {
        margin: 0px;
        right: 210px;
        width: 700px;
    }

    .notification-body-content {
        font-size: 1rem;
    }

    .notification-body-content span.notification-accept-warning button {
        margin-right: 5px;
        padding: .325rem .525rem;
    }

    .display-container-loader {
        margin: -50px 0 0 -50px;
        width: 100px;
        height: 100px;
    }

    /* .contents-container-wrapper .contents-grouping {
        min-width: 220px;
        width: 30%px;
    } */

    .preferences-category-container .category-container,
    .elements-category-container .category-container {
        width: 19.5%;
        margin: .25%;
    }

    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: .25%;
        width: 19.5%;
    }

    .footer-contents-links {
        min-width: 230px;
        padding: 0 1.5em;
    }

    /*MAIN ADVERT CENTER*/
    .main-advert-top-holder,
    .main-advert-bottom-holder {
        margin: 5% auto;
    }

    .main-advert-holder-bb {
        width: 845px;
        height: 150px
    }

    .main-advert-slot-bb {
        width: 845px;
        height: 150px
    }

    .main-advert-holder-llb {
        width: 845px;
    }

    .main-advert-slot-llb {
        width: 845px;
    }
}

/*(max-width:960px) IPAD 12.9-INCH PRO*/
@media only screen and (max-width:960px) {

    /*MARQUEE*/
    .marquee {
        width: 600px;
    }

    .marquee-vertical-container {
        margin: 0px;
        right: 210px;
        width: 600px;
    }

    .contents-container-wrapper .contents-grouping {
        min-width: 220px;
        max-width: 48%;
    }

    .main-advert-top-holder,
    .main-advert-bottom-holder {
        width: 98% !important;
    }

    .main-advert-holder-bb {
        width: 780px;
    }

    .main-advert-slot-bb {
        width: 780px
    }

    .main-advert-holder-llb {
        width: 780px;
    }

    .main-advert-slot-llb {
        width: 780px;
    }
}

/*(max-width:900px)*/
@media only screen and (max-width:900px) {

    /*MARQUEE*/
    .marquee {
        width: 530px;
    }

    .marquee-vertical-container {
        margin: 0px;
        right: 210px;
        width: 530px;
    }

    /*COMPANY LOGO*/
    .header-header-web-app-sub .webApp-logo-container {
        width: 25%;
        margin: -30px 0 0 7%
    }

    .webApp-logo-sub-container {
        margin-left: 30%;
    }

    .webApp-logo-sub-container ul.sub-container-menu {
        font-size: 1.0rem;
    }

    .webApp-logo-sub-container ul.sub-container-menu li {
        padding: 0 .5%;
    }

    .webApp-logo-sub-container ul.sub-container-menu li span {
        font-size: 1rem;
        line-height: 1rem;
    }

    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: .25%;
    }

    /*SEARCH WRAPPER*/
    .site-search-wrapper {
        width: 70%;
    }

    /*CATEGORY TOGGLE*/
    .default-navigation-menu ul li,
    .default-navigation-menu ul li {
        min-width: 200px;
    }

    .footer-contents-links {
        min-width: 230px;
        padding: 0 0 0 1em
    }

    .main-advert-holder-bb {
        width: 728px;
    }

    .main-advert-slot-bb {
        width: 728px
    }

    .main-advert-holder-llb {
        width: 728px;
    }

    .main-advert-slot-llb {
        width: 728px;
    }
}

/*(max-width:850px)*/
@media only screen and (max-width:850px) {
    div#main-controls-sub-overlay {
        width: 80%;
        height: auto;
        max-height: 80%;
        left: 10%;
        top: 10%;
        margin: auto;
    }

    /*DISPLAY CONTAINER*/
    .main-body-web-app-container {
        width: 94%;
    }

    .webApp-logo-sub-container {
        margin-left: 38%;
    }

    .webApp-logo-sub-container ul.sub-container-menu li {
        margin: 25px 0 0
    }

    .webApp-logo-sub-container ul.sub-container-menu li span.additional-contents,
    .webApp-logo-sub-container ul.sub-container-menu li span.current-location-contents {
        display: none;
    }

    .contents-container-wrapper .contents-grouping {
        min-width: 180px;
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container {
        width: 24.5%;
    }

    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: .25%;
        width: 24.5%;
    }

    .display-contents-container {
        width: calc(100% - 265px) !important;
        min-width: 250px;
    }

    .main-advert-right-holder {
        width: 260px !important;
    }

    .main-advert-right-bar {
        width: 250px;
    }

    .main-advert-slot-ls {
        width: 270px;
        height: 900px;
    }

    .main-advert-holder-bb {
        width: 760px;
    }

    .main-advert-slot-bb {
        width: 760px
    }

    .main-advert-holder-llb {
        width: 760px;
    }

    .main-advert-slot-llb {
        width: 760px;
    }
}

/*(max-width:800px)*/
@media only screen and (max-width:800px) {
    .main-body-web-app-billboard {
        background: url(../imagesAssets/jpgs-images/supermarket_aisle_1_250_d.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 250px;
    }

    /*MARQUEE*/
    .marquee {
        width: 480px;
    }

    .marquee-vertical-container {
        margin: 0px;
        right: 210px;
        width: 480px;
    }

    .main-advert-holder-bb {
        width: 700px;
    }

    .main-advert-slot-bb {
        width: 700px;
    }

    .main-advert-holder-llb {
        width: 700px;
    }

    .main-advert-slot-llb {
        width: 700px;
    }
}

/*(max-width:770px)*/
@media only screen and (max-width:770px) {

    /*DISPLAY CONTAINER*/
    .main-body-web-app-container {
        width: 98%;
        margin: auto 1%
    }

    /*COMPANY LOGO*/
    .header-header-web-app-sub .webApp-logo-container {
        width: 25%;
        margin: -30px 0 0 7%
    }

    .webApp-logo-sub-container {
        margin-left: 35%;
    }

    .webApp-logo-sub-container ul.sub-container-menu li {
        margin: 25px 0 0
    }

    .webApp-logo-sub-container ul.sub-container-menu li span.additional-contents,
    .webApp-logo-sub-container ul.sub-container-menu li span.current-location-contents {
        display: none;
    }

    .default-navigation-menu ul li,
    .default-navigation-menu ul li {
        min-width: 150px;
    }

    .choose-location .choose-location-county {
        width: 98%;
    }

    .choose-location .choose-location-county span.location-selector {
        width: 48%;
    }
}

/*(max-width:745px)*/
@media only screen and (max-width:745px) {
    .main-body-web-app-billboard {
        background: url(../imagesAssets/jpgs-images/supermarket_aisle_0_8_325_d.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 325px;
    }

    .elements-category-container,
    .preferences-category-container,
    .stores-container-wrapper {
        width: 92%;
        margin: auto 4%
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container {
        width: 32.5%;
    }

    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: .5% .25%;
        width: 32.5%;
    }

    .footer-contents-container {
        width: 96%
    }

    .footer-contents-links {
        min-width: 240px;
    }

    .main-advert-top-holder,
    .main-advert-bottom-holder {
        width: 96% !important;
    }

    .main-advert-holder-bb {
        width: 680px;
    }

    .main-advert-slot-bb {
        width: 680px;
    }

    .main-advert-holder-llb {
        width: 680px;
    }

    .main-advert-slot-llb {
        width: 680px;
    }
}

/*(max-width:668px)*/
@media only screen and (max-width:670px) {

    /*MARQUEE*/
    .marquee {
        width: 400px;
    }

    .marquee-vertical-container {
        margin: 0px;
        right: 180px;
        width: 400px;
    }

    /*BETA OVERLAY*/
    .header-header-web-app-sub .webApp-logo-container .logo-container span.beta-overlay {
        top: 7px;
        left: -30px;
    }

    .main-body-web-app-container {
        width: 90%;
        margin: auto 5%
    }

    .display-container-wrapper {
        width: 98% !important;
        margin: auto;
    }

    .display-contents-container {
        width: 98% !important;
        margin: auto
    }

    .main-advert-right-holder {
        display: none;
    }

    .main-advert-layer-holder {
        display: block;
        width: 96% !important;
    }

    .elements-category-container,
    .preferences-category-container,
    .stores-container-wrapper {
        width: 98%;
        margin: auto
    }

    .stores-container-wrapper .preferences-stores-selection-body,
    .stores-container-wrapper .stores-selection-body-wrapper {
        height: auto;
        width: 96%;
        margin: 2%;
    }

    .main-advert-holder-bb {
        width: 560px;
    }

    .main-advert-slot-bb {
        width: 560px;
    }

    .main-advert-holder-llb {
        width: 560px;
    }

    .main-advert-slot-llb {
        width: 560px;
    }

    .choose-location {
        width: 96%;
    }

    .choose-location span.location-img-svg svg {
        height: 25px;
        width: 25px;
    }

    .choose-location span.location-img-svg-text {
        font-size: 1.015rem;
    }

    .choose-location .choose-location-county {
        width: 100%;
    }

    .choose-location .choose-location-county span.location-selector {
        width: 48%;
    }

    .contents-container-wrapper .contents-grouping {
        width: 32%;
    }

    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: .5%;
        width: 32%;
    }

    /*COMPANY LOGO*/
    .header-header-web-app-sub .webApp-logo-container {
        width: 26%;
        margin: -27px 0 0 5%
    }

    .header-header-web-app-sub .webApp-logo-container svg {
        height: 92px;
        width: 171px
    }

    .navigation-user-menu {
        font-size: 1.05rem;
        font-weight: 600 !important;
    }

    /*SEARCH WRAPPER*/
    .site-search-wrapper {
        margin: 10px 5%;
        width: 80%;
    }

    /*CATEGORY TOGGLE*/
    .webApp-logo-sub-container {
        margin-left: 35%;
    }

    .webApp-logo-sub-container ul.sub-container-menu {
        margin: 0 auto;
    }

    .webApp-logo-sub-container ul.sub-container-menu li {
        text-align: center;
        width: auto;
        margin: 0 2%;
        padding: 20px 5px;
        float: left;
    }

    .webApp-logo-sub-container ul.sub-container-menu li span {
        display: block;
        font-size: 0.875rem !important;
    }

    .webApp-logo-sub-container ul.sub-container-menu li span.icon-img {
        margin: 0 auto
    }

    .webApp-logo-sub-container .icon-img svg {
        height: 28px;
        width: 28px;
    }

    .webApp-logo-sub-container ul.sub-container-menu li span.additional-contents,
    .webApp-logo-sub-container ul.sub-container-menu li span.current-location-contents {
        display: none;
    }

    /*FOOTER*/
    .footer-contents-container {
        margin: 20px auto;
        width: 90%;
        text-align: center
    }

    .footer-contents-links {
        display: inline-block;
        vertical-align: top;
        min-width: 185px;
        padding: 0 2em;
    }

    .footer-image {
        display: block;
        margin: auto;
    }

    .footer-contents {
        display: block;
        width: 100%
    }

    /*NEWSLETTER*/
    .footer-newsletter-container {
        height: auto;
        width: 90%;
        margin: auto
    }

    .footer-newsletter-container div.newsletter-text {
        display: block;
        text-align: center;
        margin: 0 0 5px
    }

    .footer-newsletter-container .newsletter-input label {
        display: none
    }

    .footer-newsletter-container .newsletter-input input[type='text'] {
        display: inline-block;
        width: 50%;
        height: auto;
        margin-bottom: 2px
    }

    /*COPYRIGHT*/
    .footer-copyright div {
        width: 90%;
        margin: 5px auto;
        text-align: center
    }

    /*CATEGORY SELECTOR*/
    .default-navigation-menu ul li {
        min-width: 120px;
        padding: .525rem;
        font-size: 1.1rem;
        line-height: 1.25rem;
    }

    .default-navigation-menu ul li.active {
        margin: 0 0 0 2px;
        padding: .675rem;
    }
}

/*(max-width:600px)*/
@media only screen and (max-width:600px) {
    div#main-controls-sub-overlay {
        width: 96%;
        height: auto;
        max-height: 80%;
        left: 0%;
        top: 120px;
        margin: auto 2%;
        overflow-y: auto;
    }

    .login-body-contents {
        width: 80%
    }

    .logo-position-left {
        display: none
    }

    .logo-position-right {
        display: none
    }

    .main-body-web-app-container h1,
    .main-body-web-app-container h3 {
        text-align: center;
        font-weight: 600;
        line-height: 1.15em;
        border: 1px solid rgba(142, 14, 20, .475);
        padding: .325rem
    }

    /*DISPLAY CONTAINER*/
    .main-body-web-app-container {
        width: 90%;
        margin: auto 5%
    }

    .contents-container-wrapper .contents-grouping {
        width: 48%;
        margin: .5%;
        min-width: 160px;
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container {
        width: 32.5%;
        margin: .5% .25%;
    }

    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        width: 32.5%;
        margin: .5% .25%;
    }

    .stores-container-wrapper .preferences-stores-selection-body,
    .stores-container-wrapper .stores-selection-body-wrapper {
        width: 100%;
        margin: 2% 0
    }

    .display-contents-container {
        width: 98% !important;
        margin: auto 1%;
    }

    .category-container-notify {
        font-size: .875rem;
    }

    .category-container-notify .content-empty {
        margin: 0 0 5px;
        font-size: .875rem;
        text-align: left;
        border-radius: 2px;
        border: 1px solid red;
    }

    .category-container-notify input.preferences-user-email {
        width: calc(70% - 45px);
        padding: 0 25px 0 5px;
    }

    .category-container-notify button {
        width: 40px;
        height: 30px;
    }

    .footer-contents-links {
        min-width: 160px;
        padding: 0 .25em;
    }

    .main-advert-holder-bb {
        width: 500px;
        height: 250px
    }

    .main-advert-slot-bb {
        width: 500px;
        height: 250px
    }

    .main-advert-holder-llb {
        width: 500px;
        height: 200px
    }

    .main-advert-slot-llb {
        width: 500px;
        height: 200px
    }
}

/*(max-width:585px)*/
@media only screen and (max-width:585px) {

    .elements-category-container,
    .preferences-category-container,
    .stores-container-wrapper {
        width: 94%;
        margin: auto 3%;
    }
}

/*(max-width:570px)*/
@media only screen and (max-width:570px) {

    /*DISPLAY CONTAINER*/
    .main-body-web-app-container {
        width: 96%;
        margin: auto 2%
    }
}

/*(max-width:450px)*/
@media only screen and (max-width:500px) {
    .main-body-web-app-billboard {
        background: url(../imagesAssets/jpgs-images/supermarket_aisle_0_6_244_d.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 244px;
    }

    /*MARQUEE*/
    .marquee-vertical-container {
        display: none
    }

    .main-body-web-app-container {
        width: 96% !important;
        margin: auto 2%;
    }

    .display-container-wrapper {
        width: 96% !important;
        margin: auto 2%;
    }

    /*DISPLAY CONTAINER*/
    .display-contents-subheader {
        font-size: 1.0875rem;
    }

    /*BETA OVERLAY*/
    .header-header-web-app-sub .webApp-logo-container .logo-container span.beta-overlay {
        display: none
    }

    .header-body-web-app {
        height: 100px;
    }

    .header-header-web-app {
        height: 100px;
    }

    .header-header-web-app-sub {
        height: 60px;
        width: 100%;
    }

    .header-header-web-app-sub .webApp-logo-container {
        height: auto;
        position: absolute;
        width: 40%;
        margin: -35px 0 0 5%
    }

    .header-header-web-app-sub .webApp-logo-container svg {
        height: 90px;
        width: 170px
    }

    .webApp-logo-sub-container {
        margin-left: 60%;
        text-align: right;
    }

    .webApp-logo-sub-container ul.sub-container-menu li {
        margin: -8px 2px 0;
    }

    .webApp-logo-sub-container .icon-img svg {
        height: 40px;
        width: 40px;
        border: 1px solid #fff;
        padding: .25rem;
        -webkit-border-radius: 10%;
        border-radius: 10%
    }

    .webApp-logo-sub-container ul.sub-container-menu li span.header-search-input,
    .webApp-logo-sub-container ul.sub-container-menu li span.current-location-contents,
    .webApp-logo-sub-container ul.sub-container-menu li span.additional-contents {
        display: none;
    }

    /*CATEGORY SELECTOR*/
    .hidden-container-wrapper-header {
        height: 50px;
    }

    .display-container-wrapper-header {
        height: 50px;
    }

    .display-container-wrapper-subheader,
    .hidden-container-wrapper-subheader {
        position: absolute;
        width: 90%;
        margin-left: 5%;
    }

    .default-navigation-menu ul li:not(.active) {
        width: 30%;
        padding: 0rem;
        font-size: 1.0125rem;
        line-height: 35px;
    }

    .sub-icon-genie {
        display: none;
    }

    .feedback-div-holder .main-contact-body-form-wrapper {
        padding: 0;
        margin: 0;
    }

    .feedback-div-holder .main-contact-body-form-wrapper .contact-container {
        width: 98%;
        margin: 1% auto;
    }

    #feedback-handle-icon {
        top: -38px;
        background-color: rgba(255, 255, 255, 1)
    }

    #facebook-handle-icon {
        top: 0px;
        background-color: rgba(255, 255, 255, 1)
    }

    #whatsapp-handle-icon {
        top: 37px;
        background-color: rgba(255, 255, 255, 1)
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container {
        width: 48%;
        margin: .5% .75%;
    }

    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: .5%;
        width: 48%;
    }

    .main-advert-holder-bb {
        width: 450px;
        height: 250px
    }

    .main-advert-slot-bb {
        width: 450px;
        height: 250px
    }

    .main-advert-holder-llb {
        width: 450px;
        height: 200px
    }

    .main-advert-slot-llb {
        width: 450px;
        height: 200px
    }

    .feedback-div-holder {
        width: 100%;
        min-width: 300px;
    }

    .yard-stick-pointer {
        float: none
    }

    .footer-contents-container {
        margin: 20px auto;
        width: 98%;
        height: auto;
        text-align: center
    }

    /*IMAGE LOGO*/
    .footer-image {
        display: block;
        width: 100%;
    }

    .footer-image span {
        display: block;
        border: 1px solid #fc9;
        padding: 4px;
        width: 200px;
        margin: 0 auto 25px
    }

    /*CONTENTS*/
    .footer-contents {
        display: block;
        width: 100%;
    }

    .footer-contents-links {
        display: inline-block;
        vertical-align: top;
        width: auto;
        padding: 0 2em;
    }

    /*NEWSLETTER*/
    .footer-newsletter-container {
        height: auto;
        width: 96%;
        margin: auto;
        font-size: .875rem;
    }

    .footer-newsletter-container div.newsletter-text {
        display: block;
        text-align: center;
        margin: 0 0 5px
    }

    .footer-newsletter-container .newsletter-input label {
        display: none
    }

    .footer-newsletter-container .newsletter-input input[type='text'] {
        display: inline-block;
        width: 50%;
        height: auto;
        font-weight: normal;
        margin-bottom: 2px
    }

    .footer-newsletter-container .newsletter-input input[type='text']::placeholder {
        font-weight: normal;
    }

    .footer-newsletter-container .newsletter-input button {
        padding: 0.3rem 0.8987rem;
    }

    /*COPYRIGHT*/
    .footer-copyright div {
        width: 90%;
        margin: 5px auto;
        font-size: .875rem;
        text-align: center
    }
}

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

    .site-search-wrapper-container {
        height: 50px;
    }

    .site-search-wrapper {
        height: 35px;
        font-size: 1.1rem;
        margin: 7px 2%;
        width: 85%;
    }

    .site-search-wrapper form input[type='text']::placeholder {
        font-size: .875rem
    }

    .site-search-wrapper form input[type='text']:not(#search-location-radius):not([name='location']) {
        width: 80%;
        height: 35px;
        padding-left: 25px
    }

    .site-search-wrapper form .searchButton {
        width: 20%;
        height: 35px;
    }

    .site-search-wrapper form input[name='location'] {
        width: 60%;
        height: 35px;
        padding-left: 27px
    }

    .site-search-wrapper form input[name='location_radius'] {
        height: 35px;
        padding-left: 25px
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container {
        margin: .5% .75%;
    }

    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: .5%;
    }

    .main-advert-holder-bb {
        width: 430px;
    }

    .main-advert-slot-bb {
        width: 430px
    }

    .main-advert-holder-llb {
        width: 430px
    }

    .main-advert-slot-llb {
        width: 430px
    }
}

/*(max-width:415px)*/
@media only screen and (max-width:425px) {

    /*CATEGORY SELECTOR*/
    .hidden-container-wrapper-header {
        height: 50px;
    }

    .display-container-wrapper-header {
        height: 50px;
    }

    .display-container-wrapper-subheader,
    .hidden-container-wrapper-subheader {
        position: absolute;
        width: 98%;
        margin: 0 auto;
    }

    /*DISPLAY CONTAINER*/
    .main-body-web-app-container {
        width: 98%;
    }

    .choose-location span.location-img-svg-text:first-letter {
        text-transform: uppercase;
    }

    .choose-location span#location-txt-head {
        display: none;
    }

    .choose-location-county {
        height: 30px;
    }

    .choose-location-county input.location-text {
        font-size: 1rem;
    }

    .choose-location-county select {
        font-size: 1rem;
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container,
    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: .5%;
        /* width: 180px; */
        min-width: 150px;
    }

    .elements-category-container .category-header-text,
    .preferences-category-container .category-header-text,
    .stores-container-wrapper .category-header-text,
    .main-body-web-app-container span.no-contents {
        width: 98%;
        margin: 2% auto;
        font-size: 1.125rem;
        font-weight: normal;
        text-align: left;
        padding: 5px;
        border-radius: 2px;
        background-color: rgba(142, 14, 20, .475);
        color: rgba(255, 255, 255, 1);
    }

    /*CATEGORY/STORES SELECTION*/
    .main-body-web-app-container .choose-stores-category {
        width: 98%;
        height: 40px;
        margin: 2% auto 1%;
    }

    /*CATEGORY/STORES SELECTION*/
    .main-body-web-app-container .choose-stores-category select {
        width: 80%;
        height: auto;
        font-size: 1rem;
        padding: .25rem .525rem;
    }

    /*CATEGORY SELECTOR*/
    .default-navigation-menu ul li {
        min-width: 100px;
        padding: .425rem;
        font-size: 1.1rem;
        line-height: 1.25rem;
    }

    .category-container-notify {
        font-size: .875rem;
    }

    .category-container-notify .content-empty {
        margin: 0 0 5px;
        font-size: .875rem;
        text-align: left;
        border-radius: 2px;
        border: 1px solid red;
    }

    .category-container-notify input.preferences-user-email {
        width: calc(100% - 45px);
        padding: 0 25px 0 5px;
    }

    .category-container-notify button {
        width: 40px;
        height: 30px;
    }

    .main-advert-holder-bb {
        width: 380px;
    }

    .main-advert-slot-bb {
        width: 380px
    }

    .main-advert-holder-llb {
        width: 380px
    }

    .main-advert-slot-llb {
        width: 380px
    }

    .footer-contents-links {
        min-width: 180px;
    }

    .sub-icon-genie {
        display: none;
    }

    .main-body-web-app-container h1 {
        font-size: 1.335rem;
    }

    .main-body-web-app-container h3 {
        font-weight: normal;
        font-size: 1.0115rem;
        padding: .325rem .525rem
    }
}

/*(max-width:408px)@SAMSUNG PLUS*/
@media only screen and (max-width:408px) {
    .main-body-web-app-billboard {
        background: url(../imagesAssets/jpgs-images/supermarket_aisle_0_6_244_b_d.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 244px;
    }

    .contents-container-wrapper .contents-grouping {
        margin: 1%
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container,
    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        /* margin: 1%;
        max-width: 170px;
        min-width: 150px; */
    }

    .main-advert-holder-bb {
        width: 360px
    }

    .main-advert-slot-bb {
        width: 360px
    }

    .main-advert-holder-llb {
        width: 360px
    }

    .main-advert-slot-llb {
        width: 360px
    }
}

/*(max-width:390px)*/
@media only screen and (max-width:390px) {
    .login-body-contents {
        width: 90%;
        font-size: 0.9875rem;
    }

    .login-foreign-container {
        width: 80%
    }

    .indigenous-login {
        width: 80%
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container,
    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: 1%;
        /* max-width: 160px;
        min-width: 150px; */
    }

    .contents-container-wrapper .contents-grouping {
        min-width: 150px;
    }

    .main-advert-holder-bb {
        width: 340px
    }

    .main-advert-slot-bb {
        width: 340px
    }

    .main-advert-holder-llb {
        width: 340px;
    }

    .main-advert-slot-llb {
        width: 340px;
    }
}

/*(max-width:375px)*/
@media only screen and (max-width:375px) {

    .elements-category-container .category-header-text,
    .preferences-category-container .category-header-text,
    .stores-container-wrapper .category-header-text,
    .main-body-web-app-container span.no-contents {
        font-size: 1.015rem;
    }

    .contents-container-wrapper {
        text-align: center;
    }

    /*CATEGORY/STORES SELECTION*/
    .main-body-web-app-container .choose-stores-category select {
        width: 70%;
        height: auto;
        font-size: 1rem;
        padding: .25rem .525rem;
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container,
    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: .5% 1%;
        /* width: 170px;
        min-width: 150px; */
    }

    .site-search-wrapper-container {
        height: 50px;
    }

    .site-search-wrapper {
        height: 30px;
        margin: 10px auto;
        width: 90%;
    }

    .site-search-wrapper form input[type='text'] {
        height: 30px;
    }

    .site-search-wrapper form .searchButton {
        width: 15%;
        height: 30px;
    }

    .search-wrapper-close {
        right: 0px;
        text-align: center;
    }

    .search-wrapper-close span.close-text {
        display: block;
    }

    .search-wrapper-close span.close-icon {
        display: none;
    }

    .header-body-web-app {
        height: 90px;
    }

    .header-header-web-app {
        height: 90px;
    }

    .navigation-user-menu {
        display: none;
    }

    .icon-user-menu-img {
        display: inline-block;
        height: 32px;
        width: 32px;
        fill: currentColor
    }

    .header-header-web-app-sub {
        height: 50px;
        width: 100%;
    }

    .header-header-web-app-sub .webApp-logo-container {
        height: auto;
        position: absolute;
        width: 40%;
        margin: -35px 0 0 5%
    }

    .header-header-web-app-sub .webApp-logo-container svg {
        height: 80px;
        width: 150px
    }

    .webApp-logo-sub-container {
        margin-left: 55%;
    }

    .webApp-logo-sub-container ul.sub-container-menu li {
        margin: -15px 2px 0;
    }

    /*CATEGORY SELECTOR*/
    .hidden-container-wrapper-header {
        height: 50px;
    }

    .display-container-wrapper-header {
        height: 50px;
    }

    .display-container-wrapper-subheader,
    .hidden-container-wrapper-subheader {
        position: absolute;
        width: 98%;
        margin: 0 auto;
    }

    .default-navigation-menu ul li:not(.active) {
        width: 30%;
        padding: 0rem;
        font-size: 1.0125rem;
        line-height: 35px;
    }

    .sub-icon-genie {
        display: none;
    }
}

/*(max-width:360px)*/
@media only screen and (max-width:360px) {
    .main-advert-holder-bb {
        width: 320px
    }

    .main-advert-slot-bb {
        width: 320px
    }

    .main-advert-holder-llb {
        width: 320px;
    }

    .main-advert-slot-llb {
        width: 320px;
    }
}

/*(max-width:320px)*/
@media only screen and (max-width:320px) {
    .main-body-web-app-billboard {
        background: url(../imagesAssets/jpgs-images/supermarket_aisle_0_4_244_b_d.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 244px;
    }

    /*COMPANY LOGO*/
    .header-body-web-app {
        /*position:fixed;*/
        display: block;
        height: 90px;
    }

    .header-header-web-app {
        height: 90px;
    }

    .header-header-web-app-sub .webApp-logo-container {
        height: auto;
        position: absolute;
        width: 45%;
        margin: -32px 0 0 5%
    }

    .header-header-web-app-sub .webApp-logo-container svg {
        height: 75px;
        width: 140px
    }

    .webApp-logo-sub-container {
        margin-left: 50%;
    }

    .webApp-logo-sub-container ul.sub-container-menu li {
        margin: -15px 2px 0;
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container,
    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: 1% 2%;
        width: 280px;
        min-width: 260px;
        padding: 0
    }

    .contents-container-wrapper .contents-grouping {
        min-width: 150px;
        margin: 1% 2%;
        width: 280px;
        min-width: 260px;
        padding: 0
    }

    /*CATEGORY/STORES SELECTION*/
    .main-body-web-app-container .choose-stores-category select {
        width: 100%;
    }

    .category-container-notify {
        font-size: .875rem;
    }

    .category-container-notify .content-empty {
        margin: 0 0 5px;
        font-size: .875rem;
        text-align: left;
        border-radius: 2px;
        border: 1px solid red;
    }

    .category-container-notify input.preferences-user-email {
        width: calc(100% - 45px);
        padding: 0 25px 0 5px;
    }

    .category-container-notify button {
        width: 40px;
        height: 30px;
    }

    .main-advert-holder-bb {
        width: 280px
    }

    .main-advert-slot-bb {
        width: 280px
    }

    .main-advert-holder-llb {
        width: 280px;
    }

    .main-advert-slot-llb {
        width: 280px;
    }

    .footer-contents-links {
        min-width: 100px;
    }

    /*NEWSLETTER*/
    .footer-newsletter-container {
        height: auto;
        width: 96%;
        margin: auto;
        font-size: .875rem;
    }

    .footer-newsletter-container div.newsletter-text {
        display: none;
    }

    .footer-newsletter-container .newsletter-input::before {
        content: 'Subscribe for our sporadic notifications';
    }

    .footer-newsletter-container .newsletter-input {
        margin: 5px 0
    }

    .footer-newsletter-container .newsletter-input label {
        display: none
    }

    .footer-newsletter-container .newsletter-input input[type='text'] {
        display: block;
        width: 96%;
        font-weight: normal;
        margin: 0 auto 2px;
        border-radius: var(--radius-three);
    }

    .footer-newsletter-container .newsletter-input button#btn-subscribe {
        border-radius: var(--radius-left-three);
        width: 48%;
        margin-right: 1px;
        cursor: pointer;
    }

    .footer-newsletter-container .newsletter-input button#btn-unsubscribe {
        border-radius: var(--radius-right-three);
        width: 48%;
        cursor: pointer;
    }

    /*COPYRIGHT*/
    .footer-copyright div {
        width: 90%;
        margin: 5px auto;
        font-size: .875rem;
        text-align: center
    }

    /*CATEGORY SELECTOR*/
    .hidden-container-wrapper-header {
        height: 50px;
    }

    .display-container-wrapper-header {
        height: 50px;
    }

    .display-container-wrapper-subheader,
    .hidden-container-wrapper-subheader {
        position: absolute;
        width: 98%;
        margin: 0 auto;
    }

    /*CATEGORY SELECTOR*/
    .default-navigation-menu ul li {
        min-width: 80px;
        padding: .325rem;
        font-size: 1rem;
        line-height: 1.05rem;
    }

    .sub-icon-genie {
        display: none;
    }
}

/*(max-width:240px)*/
@media only screen and (max-width:240px) {
    .main-body-web-app-billboard {
        display: none;
    }

    /*COMPANY LOGO*/
    .header-header-web-app-sub .webApp-logo-container {
        height: auto;
        position: absolute;
        width: 50%;
        margin: -25px 0 0 2%
    }

    .header-header-web-app-sub .webApp-logo-container svg {
        height: 65px;
        width: 123px
    }

    .webApp-logo-sub-container {
        margin-left: 54%;
    }

    .webApp-logo-sub-container ul.sub-container-menu li {
        text-align: center;
        width: auto;
        margin: 0 auto;
        padding: 10px 1px;
    }

    .webApp-logo-sub-container .icon-img svg {
        height: 32px;
        width: 32px;
        border: 1px solid #fff;
        padding: .25rem;
        -webkit-border-radius: 10%;
        border-radius: 10%
    }

    .default-navigation-menu ul {
        display: none;
    }

    .response-menu-section {
        display: block;
    }

    /*DISPLAY CONTAINER*/
    .main-body-web-app-container {
        width: 96%;
    }

    /*[DISPLAY CONTAINER]*/
    .display-container-wrapper {
        width: 100%;
        margin: 0 auto
    }

    .display-contents-container {
        min-width: 220px;
        margin: auto;
    }

    /*[DISPLAY CONTAINER]*/
    .elements-category-container,
    .stores-container-wrapper {
        width: 96%;
        margin: 0 auto
    }

    /*[DISPLAY CONTAINER]*/
    .elements-category-container,
    .stores-container-wrapper {
        width: 96%;
        margin: 0 auto
    }

    .contents-container-wrapper .contents-grouping {
        min-width: 200px;
        width: 220px;
        margin: 2%
    }

    .preferences-category-container .category-container,
    .elements-category-container .category-container,
    .stores-container-wrapper .category-container,
    .stores-container-wrapper .stores-container,
    .stores-container-wrapper .category-container {
        margin: 1% auto;
        width: 98%;
        min-width: 150px;
    }

    /*CATEGORY/STORES SELECTION*/
    .main-body-web-app-container .choose-stores-category select {
        width: 100%;
        height: auto;
        font-size: 1rem;
        padding: .25rem .325rem;
    }

    /*SEARCH WRAPPER*/
    .site-search-wrapper {
        height: 30px;
        margin: 10px 5%;
        width: 85%;
        font-size: .975rem;
    }

    .footer-image span {
        display: block;
        border: 1px solid #fc9;
        padding: 4px;
        width: 180px;
        margin: 0 auto 25px
    }

    .footer-image svg {
        height: 80px;
        width: 150px
    }
}

/**[OVERLAYS]
*/
/*[SHOPPING LIST] / LOGIN / SIGN UP
*/
/*(max-width:1440px)*/
@media only screen and (max-width:1440px) {
    .main-controls-sub-overlay {
        /* width: 80%;
        top: 15%; */
        margin: 0 0 0 -40%;
        overflow-y: auto;
    }

    .shopping-list-controls {
        bottom: 1%;
    }
}

/*(max-width:1025px)*/
@media only screen and (max-width:1025px) {
    .shopping-list-controls .list-controls div {
        font-size: .9875rem;
        padding: .45rem 2rem;
    }
}

/*(max-width:900px)*/
@media only screen and (max-width:900px) {
    .main-controls-sub-overlay {
        width: 90%;
        margin: 0 0 0 -45%;
    }

    .login-indigenous-container div.contents-login {
        display: inline-block;
        width: 48%;
        vertical-align: top;
    }

    .login-indigenous-container div.contents-signup {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }
}

/*(max-width:800px)*/
@media only screen and (max-width:800px) {
    .login-indigenous-container .preference div#contact-response {
        text-align: left;
        padding: 2px
    }
}

/*(max-width:745px)*/
@media only screen and (max-width:745px) {
    .main-controls-sub-overlay {
        width: 94%;
        margin: 0 0 0 -47%;
    }

    .shopping-list-input-container input[type="text"] {
        font-size: 1.0925rem;
    }

    .login-indigenous-container .preference div#contact-response span {
        display: block;
        text-align: right;
    }
}

/*(max-width:600px)*/
@media only screen and (max-width:600px) {
    .shopping-listing-body {
        margin-bottom: 7%;
    }

    .shopping-list-controls {
        bottom: .5%;
    }

    .shopping-list-controls .list-controls div {
        background-position: center center;
        height: 30px;
        width: 40px;
    }

    .shopping-list-controls .list-controls div span#ctrl-text {
        display: none;
    }

    .shopping-list-input-container input[type="text"] {
        font-size: 0.9825rem;
    }

    .login-indigenous-container input[type="text"],
    .login-indigenous-container input[type="password"],
    .login-indigenous-container input[type="button"] {
        font-size: .9125rem;
    }

    .login-indigenous-container .location-county select {
        font-size: .9125rem;
    }
}

/*(max-width:415px)*/
@media only screen and (max-width:415px) {
    .shopping-listing-body {
        margin-bottom: 10%;
    }

    .shopping-list-controls .list-controls div {
        background-position: center center;
        padding: .45rem .625rem;
    }

    .miscy-shop-list-container span {
        display: block;
    }

    .shopping-list-body {
        font-size: 0.975rem;
    }

    .login-indigenous-container div.info {
        margin: 1%;
    }

    .login-indigenous-container div.contents-login {
        display: block;
        width: 100%
    }

    .login-indigenous-container div.contents-signup {
        display: none;
        width: 100%
    }

    .login-indigenous-container div.register-sign-up {
        display: block;
    }

    .login-indigenous-container .preference div#contact-response {
        text-align: right;
        padding: 2px
    }

    .login-indigenous-container .preference div#contact-response span {
        display: inline-block;
        width: 100%
    }

    .login-indigenous-container div.header-info-text a {
        font-size: 0.725rem;
    }

    .notification-content-alert-warning {
        padding: 1%;
    }

    .notification-body-content span.notification-accept-warning button:last-child {
        margin: 3px 0 5px;
    }

    .notification-body-content span#info-text {
        line-height: 1.25rem;
        text-align: left;
        margin: 1%
    }
}

/*(max-width:320px)*/
@media only screen and (max-width:320px) {
    .shopping-listing-body {
        margin-bottom: 12%;
    }

    .miscy-shop-list-container span#shop-list-overview-txt {
        display: none;
    }

    .shopping-overview-header {
        display: block;
        width: 100%;
        border-radius: 3px 3px 0 0;
        border: 1px solid rgba(0, 128, 128, .330);
        margin-bottom: 2px;
    }

    .shopping-overview-header ul.list-container-header li.active {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
    }

    .shopping-overview-contents {
        display: block;
        width: 100%;
        max-height: 400px;
        border-radius: 0 0 3px 3px;
    }
}

/*
[CATEGORY CONTAINER]
/*(max-width:415px)*/
@media only screen and (max-width:415px) {
    .category-container-suggest fieldset {
        font-weight: normal;
    }

    .category-container-suggest fieldset legend {
        font-size: .895rem;
        font-weight: normal;
    }

    .category-container-suggest span:not(.sign-in-or-sign-up) {
        display: block
    }

    .category-container-suggest input.preferences-user-email {
        height: 30px;
        width: 100%;
        font-size: 1rem;
    }

    .location-current-usage {
        margin: .75% 0.25%;
    }
}

/*(max-width:375px)*/
@media only screen and (max-width:375px) {
    .choose-location span.location-img-svg-text {
        font-size: .925rem;
    }

    .choose-location .choose-location-county span.location-selector {
        width: 46%;
    }
}

/**[SAVED DATA AND SETTINGS]
/*(max-width:1115px)*/
@media only screen and (max-width:1115px) {}

/*(max-width:980px)*/
@media only screen and (max-width:980px) {
    .data-control-container-cookies {
        width: 56%;
    }

    .data-control-container-users {
        width: 42%;
    }
}

/*(max-width:900px)*/
@media only screen and (max-width:900px) {
    .data-control-container-users ul.account-modification li span.title-label {
        display: none
    }

    .data-control-container-cookies {
        width: 62%;
        margin-left: 1%;
    }

    .data-control-container-users {
        width: 35%;
        margin-right: .5%;
    }
}

/*(max-width:850px)*/
@media only screen and (max-width:850px) {
    .data-control-container-header {
        text-align: center
    }

    .data-control-container-users ul.account-modification li span.title-label {
        display: inline-block
    }

    .privacy-cookies-container {
        display: block;
        width: 100%;
        margin: 0;
        height: auto;
        border: 1px solid rgba(153, 153, 153, 0.75);
        border-top: none;
    }

    .data-control-container-users {
        display: block;
        width: 100%;
        margin-bottom: 2%;
        min-height: 100%;
        border: 1px solid #838383;
        background-color: #d7e6ed;
        padding: 2%
    }

    .data-control-container-cookies {
        display: block;
        width: 100%;
        margin: 0;
        min-height: 100%;
        border: 1px solid #838383;
        background-color: #d7e6ed;
        padding: 2%
    }

    .privacy-cookies-controller {
        display: inline-block;
        width: auto;
        margin: 1% 0 0;
    }

    .privacy-cookies-headers-sub {
        display: none
    }
}

/*(max-width:670px)*/
@media only screen and (max-width:670px) {
    .asr-menu-tab {
        border: 1px solid rgba(153, 153, 153, 1);
        border-bottom: none;
    }

    .asr-menu-tab-sub {
        border-left: 1px solid rgba(153, 153, 153, 1);
        border-right: 1px solid rgba(153, 153, 153, 1);
    }
}

/*(max-width:415px)*/
@media only screen and (max-width:415px) {
    .data-control-container-header {
        text-align: center;
        font-size: 0.956rem
    }

    .data-control-container-users ul.account-modification li span.title-label {
        display: none
    }

    .privacy-cookies-headers {
        display: block;
        width: 98%;
        margin: 0 1%;
        height: inherit;
    }

    .privacy-cookies-container {
        display: block;
        width: 100%;
        margin: 0;
        height: auto;
        border-radius: 3px;
        border-top: 1px solid rgba(153, 153, 153, 1);
    }

    .data-control-container-users {
        display: block;
        width: 100%;
        margin-bottom: 2%;
        min-height: 100%;
        border: 1px solid #838383;
        background-color: #d7e6ed;
        padding: 2%
    }

    .data-control-container-cookies {
        display: block;
        width: 100%;
        margin: 0;
        min-height: 100%;
        border: 1px solid #838383;
        background-color: #d7e6ed;
        padding: 2%
    }

    .privacy-cookies-controller {
        display: inline-block;
        width: auto;
        margin: 1% 0 0;
    }

    .privacy-cookies-container .privacy-cookies-contents span#browser-sub-list {
        display: block;
        margin: 0 0 10px 25px;
    }

    .privacy-cookies-container .privacy-cookies-contents p {
        text-align: left;
    }

    .privacy-cookies-headers-sub {
        display: block
    }

    .asr-menu-tab {
        display: none;
    }

    .asr-menu-tab-sub {
        display: none;
    }

    .privacy-cookies-controller input[type='button'] {
        padding: .325rem .525rem;
        font-size: .9875rem;
        min-width: 130px;
    }
}

/*(max-width:320px)*/
@media only screen and (max-width:320px) {
    .privacy-cookies-headers-sub ul.privacy-modification li.active {
        font-size: 1rem;
    }

    .privacy-cookies-headers-sub ul.cookies-modification li.active {
        font-size: 1rem;
    }

    .data-control-overview-container span#miscy-container-default {
        display: none;
    }

    .data-control-overview-container span#miscy-container-option {
        display: inline-block;
    }
}

/*
[SAVED DATA AND SETTINGS]
[BUTTON TABS]
/*(max-width:1348px)*/
@media only screen and (max-width:1348px) {
    .asr-menu-tab button {
        padding: .525rem .825rem;
        font-size: 1.25rem;
        min-width: 100px;
    }

    .asr-menu-tab-sub button {
        padding: .525rem .825rem;
        font-size: 1.25rem;
        min-width: 100px;
    }
}

/*(max-width:600px)*/
@media only screen and (max-width:600px) {
    .asr-menu-tab button {
        padding: .525rem .626rem;
        font-size: 1.05rem;
        min-width: 90px;
    }

    .asr-menu-tab-sub button {
        padding: .525rem .626rem;
        font-size: 1.05rem;
        min-width: 90px;
        max-width: 115px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/*(max-width:500px)*/
@media only screen and (max-width:500px) {
    .asr-menu-tab button {
        padding: .525rem .325rem;
        font-size: 1rem;
        min-width: 85px;
    }

    .asr-menu-tab-sub button {
        padding: .525rem .325rem;
        font-size: 1rem;
        min-width: 85px;
        max-width: 105px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/*(max-width:1025px)
@media only screen and (max-width:1025px){
.asr-menu-tab button {
padding: .525rem .325rem;
font-size: 1rem;
min-width: 90px;
}
.asr-menu-tab-sub button {
padding: .525rem .325rem;
font-size: 1rem;
min-width: 90px;
}
}
*/

/*[INFORMATION CALL OUT]
/*(max-width:500px)*/
@media only screen and (max-width:500px) {
    .asr-callout {
        bottom: 2px;
        right: 1%;
        width: 98%;
    }
}

/*[SAVED SEARCHES]
*/
/*(max-width:1300px)*/
@media only screen and (max-width:1380px) {
    .searches-overview-container {
        width: calc(99% - 305px);
        min-height: 450px;
    }

    .searches-overview-contents-container {
        width: 300px;
    }

    .searches-overview-contents-container .searched-contents {
        height: 448px;
    }

    .searches-overview-container div span.pg {
        width: 15%;
    }

    .searches-overview-container div span.date {
        width: 17%;
    }
}

/*(max-width:1200px)*/
@media only screen and (max-width:1200px) {
    .searches-overview-container {
        width: calc(99% - 285px);
        min-height: 420px;
    }

    .searches-overview-container #saved-overview-leaflet {
        font-size: .987rem;
    }

    .searches-overview-container #saved-overview-leaflet svg {
        width: 18px;
        height: 18px;
    }

    .searches-overview-contents-container {
        width: 280px;
    }

    .searches-overview-contents-container .searched-contents {
        height: 420px;
    }
}

/*(max-width:1100px)*/
@media only screen and (max-width:1100px) {
    .searches-overview-container #saved-overview-leaflet {
        font-size: .952rem;
    }

    .searches-overview-container #saved-overview-leaflet svg {
        width: 16px;
        height: 16px;
    }

    .searches-overview-container {
        width: calc(99% - 255px);
        min-height: 375px;
    }

    .searches-overview-contents-container {
        width: 250px;
    }

    .searches-overview-contents-container .searched-contents {
        height: 375px;
    }
}

/*(max-width:1000px)*/
@media only screen and (max-width:1000px) {
    .searches-overview-container div span.entity {
        width: 30%;
    }

    .searches-overview-container div span.pg {
        width: 17%;
        text-align: center;
    }

    .searches-overview-container div span.reset,
    .searches-overview-container div span.view,
    .searches-overview-container div span.modify {
        width: 3%;
    }
}

/*(max-width:900px)*/
@media only screen and (max-width:900px) {
    .searches-overview-container div span.entity {
        width: 27%;
    }

    .searches-overview-container div span.pg {
        width: 20%;
    }

    .searches-overview-container div span.pg select {
        font-size: .875rem;
    }
}

/*(max-width:800px)*/
@media only screen and (max-width:800px) {
    .searches-overview-container {
        width: calc(99% - 205px);
        min-height: 305px;
    }

    .searches-overview-contents-container {
        width: 200px;
    }

    .searches-overview-contents-container .searched-contents {
        height: 305px;
    }

    .searches-overview-container .view-leaflets-option {
        font-size: .925rem;
    }
}

/*(max-width:640px)*/
@media only screen and (max-width:640px) {
    .searches-overview-container div span.type {
        display: none;
    }

    .searches-overview-container div span.date {
        display: none;
    }

    .searches-overview-container div span.entity {
        width: 48%;
        padding: 0 0 0 .25rem
    }

    .searches-overview-container div span.pg {
        width: 32%;
    }

    .searches-overview-container div span.reset,
    .searches-overview-container div span.view,
    .searches-overview-container div span.modify {
        width: 5%;
    }
}

/*(max-width:500px)*/
@media only screen and (max-width:500px) {
    .searches-overview-container {
        width: calc(99% - 185px);
    }

    .searches-overview-contents-container {
        width: 180px;
    }

    .searches-overview-contents-container .searched-contents {
        height: 280px;
    }

    .searches-overview-container div span.pg {
        display: none;
    }

    .searches-overview-container div span.entity {
        width: 75%;
        padding: 0 0 0 .25rem
    }

    .searches-overview-container div span.reset,
    .searches-overview-container div span.view,
    .searches-overview-container div span.modify {
        width: 6.5%;
    }
}

/*(max-width:415px)*/
@media only screen and (max-width:415px) {
    .searches-overview-container {
        display: block;
        width: 90%;
        min-height: 180px;
        margin: 5px auto 10px;
    }

    .searches-overview-contents-container {
        display: block;
        width: 90%;
        margin: 0 auto;
        min-height: 475px;
        border: 1px solid #4f4a4a;
        border-radius: 2px
    }

    .searches-overview-contents-container .searched-contents {
        width: 90%;
        margin: 3% auto;
        height: 475px;
        border: 1px solid #4f4a4a;
    }
}

/*(max-width:360px)*/
@media only screen and (max-width:360px) {
    .searches-overview-contents-container {
        min-height: 415px;
    }

    .searches-overview-contents-container .searched-contents {
        height: 415px;
    }

    .feedback-div-holder div#contact-response label#val-ctrl span {
        display: none;
    }
}

/*(max-width:320px)*/
@media only screen and (max-width:320px) {
    .searches-overview-contents-container {
        min-height: 370px;
    }

    .searches-overview-contents-container .searched-contents {
        height: 370px;
    }

    .default-navigation-menu ul li span {
        display: none;
    }
}

/*[SAVED LEAFLETS]
*/
/*(max-width:1200px)*/
@media only screen and (max-width:1200px) {
    .offers-overview-container {
        width: 65%;
    }

    .offers-overview-contents-container {
        width: 34%;
    }
}

/*(max-width:1000px)*/
@media only screen and (max-width:1000px) {
    .offers-overview-contents-container .contents-grouping {
        margin: .25%;
        max-width: 120px;
    }

    .offers-overview-contents-container .fav-container h3 {
        font-size: 1rem;
        padding: 0 0 .325rem;
    }
}

/*(max-width:900px)*/
@media only screen and (max-width:900px) {
    .offers-overview-contents-container .fav-container h3 {
        font-size: .875rem;
    }
}

/*(max-width:800px)*/
@media only screen and (max-width:800px) {
    .offers-overview-container span#page-overview-count {
        display: none;
    }

    .offers-overview-contents-container .fav-container h3 {
        display: none;
    }

    .offers-overview-contents-container .contents-grouping svg {
        display: block;
        max-width: 220px;
    }

    .offers-overview-contents-container .overview-main-img svg {
        width: 100px;
        height: 80px;
    }

    .offers-overview-contents-container .overview-main-header {
        font-size: 1rem;
    }

    .offers-overview-contents-container .overview-main-header span:last-child {
        font-size: 1rem;
        line-height: 1rem;
        margin: 5% 0;
    }
}

/*(max-width:640px)*/
@media only screen and (max-width:640px) {
    .offers-overview-container div span.date {
        display: none;
    }

    .offers-overview-container div span.entity {
        width: 40%;
        padding: 0 0 0 .325rem;
    }

    .offers-overview-container div span.type {
        width: 18%;
    }

    .offers-overview-container div span.status,
    .offers-overview-container div span.modify {
        width: 6%;
    }
}

/*(max-width:500px)*/
@media only screen and (max-width:500px) {

    .offers-overview-container div span.status,
    .offers-overview-container div span.modify {
        width: 7%;
    }
}

/*(max-width:415px)*/
@media only screen and (max-width:415px) {
    .offers-overview-container .overview-container-header {
        font-size: .987rem;
        font-weight: 600;
        padding: 0.35rem;
        text-align: center;
    }

    .offers-overview-container div span.entity {
        width: 38%;
    }

    .offers-overview-container div span.status,
    .offers-overview-container div span.modify {
        width: 8%;
    }

    .offers-overview-contents-container .overview-main-img {
        margin: 40% 0 0
    }

    .offers-overview-contents-container .overview-main-img svg {
        width: 80px;
        height: 60px;
    }
}

/*(max-width:360px)*/
@media only screen and (max-width:360px) {
    .offers-overview-container {
        display: block;
        width: 100%;
        min-height: 215px;
        margin: 0 0 5px
    }

    .offers-overview-contents-container {
        display: block;
        width: 100%
    }

    .offers-overview-contents-container .contents-grouping {
        display: inline-block;
        max-width: 165px;
    }
}

/*(max-width:320px)*/
@media only screen and (max-width:320px) {
    .offers-overview-contents-container .contents-grouping {
        display: inline-block;
        max-width: 145px;
    }

    .offers-overview-contents-container .overview-main-img {
        margin: 25% 0 0
    }
}

/*(max-width:240px)*/
@media only screen and (max-width:240px) {
    .offers-overview-contents-container .contents-grouping {
        display: block;
        max-width: 220px;
    }
}

/**
[HEIGHT]
*/
/*(max-height:650px)*/
@media only screen and (max-height:650px) {
    .magazine-viewport .advert-canvas {
        height: 100%;
        overflow-y: auto
    }
}

/*(max-height:400px)*/
@media only screen and (max-height:500px) {
    .third-party-card-header {
        font-size: medium;
        padding: 0.325rem 3%;
    }

    .third-party-card-body {
        font-size: medium;
        padding: 0.325rem 3%;
    }

    .third-party-footer-copyright {
        position: relative;
    }
}


/**[COMPANY / HOME]
*/