/*  -------------------------------------------------------------
    MEDIA QUERIES - CLEAR PIXEL 2017
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

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

        /* Page Specific Styling - Contact Page */

        #content .contact_location {
            margin-left: -30px;
        }

        #content .contact_details .details.trading_hours,
        #content .contact_details .details.contact {
            float: none;
            width: auto;
        }

        #content .contact_details .details table td:first-child {
            width: 110px;
        }




        /* Newsletter Signup */

        #newsletter_signup h1 {
            float: none;
            padding: 0 0 20px 0;
            width: auto;
        }

        #newsletter_signup h1 br {
            display: none;
        }

        #newsletter_signup form {
            float: none;
            width: auto;
        }

    }




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

        /* Menu Main */

        #menu_main {
            margin-right: -20px;
        }

        #menu_main li {
            padding: 0 10px;
        }




        /* Centre Plan */

        #content .centre_plan .plan .store_icon {
            margin: -51px 0 0 -42px;
            padding: 5px;
        }

        #content .centre_plan .plan .store_icon-i {
            width: 70px;
            height: 30px;
        }

    }




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

        /* Home Buttons */

        #btns_home a.btn:link,
        #btns_home a.btn:visited {
            width: 25%;
        }

        #btns_home a.btn:link .description,
        #btns_home a.btn:visited .description {
            display: none;
        }




        /* Stores Categories */

        #content #stores_categories a.category:link,
        #content #stores_categories a.category:visited,
        #content #stores_categories a.centre_plan:link,
        #content #stores_categories a.centre_plan:visited {
            width: 106px;
            font-size: 12px;
        }




        /* Page Specific Styling - Centre Plan page */

        #content .centre_plan .plan {
            float: none;
            margin: 0 auto;
            width: auto;
            max-width: 100%;
        }

        #content .centre_plan .stores_list {
            float: none;
            width: auto;
            padding: 40px 0 0 0;
        }

        #content .centre_plan .stores_list-i {
            margin: 0 -10px;
            font-size: 0;
            text-align: left;
        }

        #content .centre_plan .stores_list .stores_list-i a.store:link,
        #content .centre_plan .stores_list .stores_list-i a.store:visited {
            display: inline-block;
            vertical-align: top;
            margin: 1px 10px 0 10px;
            font-size: 13px;
            width: calc(50% - 20px);
        }

    }




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

        /* Newsletter Signup */

        #newsletter_signup {
            margin-right: 80px;
        }

        #newsletter_signup-iii {
            margin: 0 -100px 0 80px;
            padding-left: 30px;
            padding-right: 30px;
        }




        /* Store Listings */

        #main_page #content .stores_listing .store {
            width: 33.33%;
        }




        /* News Article */

        #content #news_article.has_featured_image {
            position: static;
            padding-right: 0;
            min-height: 0;
        }

        #content #news_article.has_featured_image .featured_image {
            position: static;
            top: auto;
            right: auto;
            z-index: auto;
            margin: 20px auto 0 auto;
            width: auto;
            max-width: 100%;
            max-height: none;
        }




        /* Other Designed Sections - Facebook Feed */

        #content .fb_feed .facebook_article {
            width: 50%;
        }

        #content .fb_feed .facebook_article:nth-child(1n+3) {
            display: none;
        }




        /* Other Designed Sections - Instagram Feed */

        #content .instagram_feed .thumb {
            width: 50%;
        }

        #content .instagram_feed .thumb:nth-child(1n+3) {
            display: none;
        }




        /* Page Specific Styling - Contact Page */

        #content .contact_location {
            margin: 0;
        }

        #content .contact_details .details.trading_hours {
            float: left;
            width: 49%;
        }

        #content .contact_details .details.contact {
            float: right;
            width: 49%;
        }

    }




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

        /* Page Specific Styling - Contact Page */

        #content .contact_details .details.trading_hours,
        #content .contact_details .details.contact {
            float: none;
            width: auto;
        }

    }




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

        /* Header */

        #header .btnShowMenu {
            display: block;
        }




        /* Mobile Menu */

        .mobileMenu {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99999;
            display: none;
            padding: 20px;
            width: 100%;
            height: 100%;
            background: #000;
            visibility: hidden;
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .mobileMenu.open {
            display: block;
            visibility: visible;
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }

        .mobileMenu-i {
            display: table;
            width: 100%;
            height: 100%;
        }

        .mobileMenu-ii {
            display: table-cell;
            vertical-align: middle;
            width: 100%;
            height: 100%;
        }

        #header .mobileMenu .btnClose {
            display: block;
        }




        /* Menu Main */

        #menu_main {
            float: none;
            margin-right: 0;
            padding-top: 0;
            font-size: inherit;
        }

        #menu_main li {
            display: block;
            padding: 2px 10px;
            font-size: inherit;
        }

        #menu_main li a:link,
        #menu_main li a:visited,
        #menu_main li a.hasMenuItemImage:link,
        #menu_main li a.hasMenuItemImage:visited {
            font-size: 1.5em;
            text-align: center;
            color: #fff;
        }

        #menu_main li a:link span,
        #menu_main li a:visited span,
        #menu_main li a.active:link span,
        #menu_main li a.active:visited span,
        #menu_main li a.hasMenuItemImage:link span,
        #menu_main li a.hasMenuItemImage:visited span {
            display: block;
            border-bottom: none;
        }

        #menu_main li a.hasMenuItemImage:link img,
        #menu_main li a.hasMenuItemImage:visited img {
            display: none;
        }

    }




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

        /* Body */

        body {
            padding: 20px;
        }




        /* Header */

        #header {
            padding: 40px 0 50px 0;
            height: auto;
        }




        /* Border */

        .screen_border {
            z-index: 300;
        }

        .screen_border.top,
        .screen_border.bottom {
            height: 20px;
        }


        .screen_border.left,
        .screen_border.right {
            width: 20px;
        }




        /* Banner Images */

        #banner_image {
            position: static;
            top: auto;
            bottom: auto;
            left: auto;
            right: auto;
            display: block;
            width: auto;
            height: 300px;
        }

        #banner_image.home {
            height: 300px;
        }

        #banner_image.home #banner_image-ii {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        #banner_image.home h1 {
            display: none;
        }




        /* Main Heading */

        #main_heading {
            display: block;
            padding: 0;
            width: auto;
            height: auto;
        }

        #main_heading h1.desktop_only {
            display: none;
        }

        #main_heading h1.mobile_only {
            display: block;
        }

        #main_heading-i {
            display: block;
            width: auto;
            height: auto;
        }

        #main_heading.centre_info #main_heading-i {
            padding-bottom: 0;
        }

        #main_heading h1 {
            margin: 0;
            padding-top: 25px;
            padding-bottom: 25px;
            font-size: 2.5em;
            width: auto;
        }




        /* Homepage */

        #btns_home {
            padding-top: 0;
        }

        #btns_home a.btn:link,
        #btns_home a.btn:visited {
            float: none;
            display: block;
            margin-top: 10px;
            width: auto;
            max-width: none;
        }


        #btns_home a.btn:link .description,
        #btns_home a.btn:visited .description {
            display: block;
        }




        /* Main Page */

        #main_page {
            padding: 0;
        }

        #main_page-i {
            padding: 20px 0 0 0;
            border: none;
        }




        /* Content */

        #main_page #content h1.desktop_only {
            display: none;
        }

        #content a:link,
        #content a:visited,
        #content a:hover {
            color: #58585a;
        }

        #content a.btn_general:link,
        #content a.btn_general:visited,
        #content a.btn_general:hover {
            color: #58585a;
            border-color: #58585a;
            background: none;
        }




        /* Other Designed Sections - Facebook Feed */

        #content .fb_feed a.btn_more:link,
        #content .fb_feed a.btn_more:visited,
        #content .fb_feed a.btn_more:hover {
            color: #58585a;
        }

        #content .fb_feed a.facebook_article-i:link,
        #content .fb_feed a.facebook_article-i:visited,
        #content .fb_feed a.facebook_article-i:hover {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }




        /* Other Designed Sections - Instagram Feed */

        #content .instagram_feed h1 a:link,
        #content .instagram_feed h1 a:visited,
        #content .instagram_feed h1 a:hover {
            color: #58585a;
        }

        #content .instagram_feed .thumb a:link .icon,
        #content .instagram_feed .thumb a:visited .icon,
        #content .instagram_feed .thumb a:hover .icon {
            opacity: 0;
            filter: alpha(opacity=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }

        #content .instagram_feed .thumb a:link .image,
        #content .instagram_feed .thumb a:visited .image,
        #content .instagram_feed .thumb a:hover .image {
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }




        /* Other Designed Sections - Pagination */

        #content .pagination a:link,
        #content .pagination a:visited,
        #content .pagination a:hover {
            color: #000;
            border-color: #000;
            background: none
        }

        #content .pagination a.active:link,
        #content .pagination a.active:visited {
            color: #fff;
            background: #000;
        }




        /* Page Specific Styling - Contact Page */

        #content .contact_details .details.trading_hours {
            float: left;
            width: 49%;
        }

        #content .contact_details .details.contact {
            float: right;
            width: 49%;
        }

        #content .contact_details .details table td:first-child {
            width: auto;
        }




        /* Page Specific Styling - Contact Page */

        #content .contact_details .details .socials a.icon:link,
        #content .contact_details .details .socials a.icon:visited,
        #content .contact_details .details .socials a.icon:hover {
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }




        /* Stores Categories */

        #content #stores_categories {
            position: static;
            top: auto;
            right: auto;
            width: auto;
        }

        #content #stores_categories a.category:link,
        #content #stores_categories a.category:visited,
        #content #stores_categories a.centre_plan:link,
        #content #stores_categories a.centre_plan:visited {
            padding: 16px 0;
            width: 50%;
            height: auto;
        }

        #content #stores_categories a.category:first-child:link,
        #content #stores_categories a.category:first-child:visited {
            width: 100%;
        }

        #content #stores_categories a.centre_plan:link,
        #content #stores_categories a.centre_plan:visited {
            margin-top: 20px;
            margin-left: 0;
            width: 100%;
        }

        #content #stores_categories a.category:link .category-i,
        #content #stores_categories a.category:visited .category-i,
        #content #stores_categories a.category:link .category-ii,
        #content #stores_categories a.category:visited .category-ii,
        #content #stores_categories a.centre_plan:link .centre_plan-i,
        #content #stores_categories a.centre_plan:visited .centre_plan-i,
        #content #stores_categories a.centre_plan:link .centre_plan-ii,
        #content #stores_categories a.centre_plan:visited .centre_plan-ii {
            display: block;
            width: auto;
            height: auto;
            padding: 0;
        }




        /* Store Listings */

        #main_page #content .stores_listing .store,
        #main_page #content .stores_listing .store:hover {
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }




        /* Store Search */

        #main_heading .store_search {
            margin: 0;
            padding-bottom: 25px;
            width: auto;
        }

        #main_heading .store_search .field {
            background-image: none;
        }




        /* Store View */

        #content #store_view .store_logo {
            margin: 25px 0 40px 0;
        }

        #content #store_view .contact .socials a.btn_social:link,
        #content #store_view .contact .socials a.btn_social:visited,
        #content #store_view .contact .socials a.btn_social:hover {
            width: 25px;
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }




        /* Newsletter Signup */

        #newsletter_signup form .btn_submit,
        #newsletter_signup form .btn_submit:hover {
            color: #3f3f41;
            border-color: #3f3f41;
            background: none;
        }

        #newsletter_signup .socials a.icon:link,
        #newsletter_signup .socials a.icon:visited,
        #newsletter_signup .socials a.icon:hover {
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }




        /* Footer */

        #footer {
            padding-bottom: 0;
        }

        #footer a.logo_cp:link,
        #footer a.logo_cp:visited,
        #footer a.logo_cp:hover {
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }

        #footer a.logo_sca:link,
        #footer a.logo_sca:visited,
        #footer a.logo_sca:hover {
            opacity: 1;
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }

    }




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

        /* Store Listings */

        #main_page #content .stores_listing .store {
            width: 50%;
        }

    }




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

        /* Page Specific Styling - Homepage */

        #main_page #content h1,
        #main_page #content h1:first-child {
            padding-top: 60px;
            font-size: 1.5em;
        }




        /* Other Designed Sections - News Articles */

        #content .news_articles a.article:link,
        #content .news_articles a.article:visited {
            margin-top: 20px;
            font-size: 1.5em;
        }

        #content .news_articles a.article:first-child:link,
        #content .news_articles a.article:first-child:visited {
            margin-top: 0;
        }

        #content .news_articles a.article:link .heading,
        #content .news_articles a.article:visited .heading,
        #content .news_articles a.article:nth-child(even):link .heading,
        #content .news_articles a.article:nth-child(even):visited .heading {
            float: none;
            display: block;
            width: auto;
            height: auto;
        }

        #content .news_articles a.article:link .heading-i,
        #content .news_articles a.article:visited .heading-i {
            display: block;
        }

        #content .news_articles a.article:link .heading-ii,
        #content .news_articles a.article:visited .heading-ii {
            margin: 0;
            width: auto;
            max-width: none;
            text-align: center;
        }

        #content .news_articles a.article:link .image,
        #content .news_articles a.article:visited .image,
        #content .news_articles a.article:nth-child(even):link .image,
        #content .news_articles a.article:nth-child(even):visited .image {
            float: none;
            width: auto;
            height: 200px;
        }

        #content .news_articles a.article:link .image .arrow,
        #content .news_articles a.article:visited .image .arrow,
        #content .news_articles a.article:nth-child(even):link .image .arrow,
        #content .news_articles a.article:nth-child(even):visited .image .arrow {
            top: auto;
            bottom: 0;
            left: 50%;
            right: auto;
            margin: 0 0 0 -26px;
            border-bottom: 25px solid #000;
            border-left: 25px solid transparent !important;
            border-right: 25px solid transparent !important;
        }




        /* Store View */

        #content #store_view a.btnViewCategoryPage:link,
        #content #store_view a.btnViewCategoryPage:visited {
            margin-top: 20px;
        }




        /* Other Designed Sections - Facebook Feed */

        #content .fb_feed h1 .fb-like {
            margin-top: 6px;
        }




        /* Page Specific Styling - Centre Plan page */

        #content .centre_plan .stores_list {
            margin: 0;
            font-size: inherit;
        }

        #content .centre_plan .stores_list .stores_list-i a.store:link,
        #content .centre_plan .stores_list .stores_list-i a.store:visited {
            display: block;
            margin: 1px 0 0 0;
            width: auto;
        }




        /* Page Specific Styling - Contact Page */

        #content .contact_location {
            margin-top: 30px;
        }

        #content .contact_details .details.trading_hours,
        #content .contact_details .details.contact {
            float: none;
            width: auto;
        }

        #content .contact_details .details table td:first-child {
            width: 110px;
        }

    }




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

        /* Store Listings */

        #main_page #content .stores_listing {
            font-size: inherit;
        }

        #main_page #content .stores_listing .store {
            display: block;
            padding: 20px 0;
            font-size: inherit;
            width: auto;
        }




        /* Footer */

        #footer {
            padding: 10px 0;
        }

        #footer a.logo_cp:link,
        #footer a.logo_cp:visited,
        #footer a.logo_cp:hover {
            float: none;
            margin: 10px auto 0 auto;
            width: 14px;
        }

        #footer a.logo_sca:link,
        #footer a.logo_sca:visited {
            float: none;
            margin: 10px auto 0 auto;
            width: 40px;
        }

        #footer p {
            display: none;
        }

    }




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

        /* Banner Images */

        #banner_image,
        #banner_image.home {
            height: 200px;
        }




        /* Page Specific Styling - Centre Plan page */

        #content .centre_plan {
            padding-top: 30px;
        }




        /* Page Specific Styling - Contact Page */

        #content .contact_location {
            margin: 0 -10px;
        }

        #content .contact_details .details .socials a.icon:link,
        #content .contact_details .details .socials a.icon:visited {
            width: 25px;
        }




        /* Other Designed Sections - Facebook Feed */

        #content .fb_feed h1 .fb-like {
            display: none;
        }




        /* Store View */

        #content #store_view .store_logo {
            margin: 35px 0 30px 0;
        }




        /* Newsletter Signup */

        #newsletter_signup {
            margin: 30px 0 0 0;
            background: none;
        }

        #newsletter_signup-i {
            padding: 0;
            background: none;
        }

        #newsletter_signup-ii {
            padding: 0;
            border: none;
        }

        #newsletter_signup-iii {
            margin: 0;
        }

        #newsletter_signup .socials {
            position: static;
            bottom: auto;
            right: auto;
            padding: 30px 0 10px 0;
        }

    }




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

        /* Page Specific Styling - Contact Page */

        #content .contact_location {
            padding-right: 20px;
        }

        #content .contact_location .map {
            float: none;
            width: auto;
        }

        #content .contact_location .getting_here {
            float: none;
            width: auto;
        }

        #content .contact_location .getting_here-i {
            min-height: 0;
        }




        /* Other Designed Sections - Facebook Feed */

        #content .fb_feed .fb_feed-i {
            margin: 0;
            font-size: inherit;
        }

        #content .fb_feed .facebook_article {
            display: block;
            padding: 0 0 40px 0;
            font-size: inherit;
            width: auto;
        }

        #content .fb_feed .facebook_article:nth-child(1n+2) {
            display: none;
        }

        #content .fb_feed a.facebook_article-i:link,
        #content .fb_feed a.facebook_article-i:visited,
        #content .fb_feed a.facebook_article-i:hover {
            margin: 0;
            max-width: none;
        }

        #content .fb_feed a.btn_more:link,
        #content .fb_feed a.btn_more:visited,
        #content .fb_feed a.btn_more:hover {
            margin-top: 0;
            font-size: 1em;
        }

        #content .fb_feed a.btn_more:link .icon,
        #content .fb_feed a.btn_more:visited .icon {
            margin: 0 6px 4px 0;
            width: 25px;
        }




        /* Other Designed Sections - Instagram Feed */

        #content .instagram_feed-i {
            margin: 0;
            font-size: inherit;
        }

        #content .instagram_feed h1 a:link,
        #content .instagram_feed h1 a:visited {
            font-size: 1em;
        }

        #content .instagram_feed h1 a:link .icon,
        #content .instagram_feed h1 a:visited .icon {
            margin: 0 6px 4px 0;
            width: 25px;
        }




        /* Newsletter Signup */

        #newsletter_signup .socials a.icon:link,
        #newsletter_signup .socials a.icon:visited {
            width: 25px;
        }

    }




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

        /* Header */

        #header a.logo:link img,
        #header a.logo:visited img {
            display: block;
            max-width: 200px;
            max-height: none;
        }




        /* Content */

        #content h1 {
            font-size: 1.6em;
        }

        #content h2 {
            font-size: 1.4em;
        }

        #content h3 {
            font-size: 1.2em;
        }

        #content h4 {
            font-size: 1em;
        }

        #content h5 {
            font-size: 0.8em;
        }

        #content p,
        #content ul li,
        #content ol li {
            font-size: 0.9em;
        }




        /* Store Search */

        #main_heading .store_search {
            margin: 0;
            padding-left: 20px;
            padding-right: 20px;
            width: auto;
        }




        /* Store View */

        #content #store_view .trading_hours-i {
            padding: 0 0 20px 0;
        }




        /* Page Specific Styling - Contact Page */

        #content .contact_details .details table td {
            font-size: 0.8em;
        }

        #content .contact_details .details table td:first-child {
            width: 60px;
        }




        /* Newsletter Signup */

        #newsletter_signup-iii {
            padding: 25px 20px 30px 20px;
        }

        #newsletter_signup h1 {
            font-size: 1.6em;
            line-height: 1.2em;
        }

        #newsletter_signup form .mc-field-group label {
            font-size: 0.8em;
            width: 75px;
        }

        #newsletter_signup form .mc-field-group {
            padding-left: 75px;
        }

        #newsletter_signup .socials {
            text-align: center;
        }

    }




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

        /* Other Designed Sections - News Articles */

        #content .news_articles a.article:link,
        #content .news_articles a.article:visited {
            font-size: 1.3em;
        }

    }




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

        /* Home Buttons */

        #btns_home a.btn:link .description,
        #btns_home a.btn:visited .description {
            display: none;
        }




        /* Other Designed Sections - Facebook Feed */

        #content .fb_feed a.btn_more:link,
        #content .fb_feed a.btn_more:visited,
        #content .fb_feed a.btn_more:hover {
            font-size: 0.8em;
        }

    }