body .visible-purley { display:none !important; } 
body .hidden-purley { display:inherit !important; } 
body.shop_purley .hidden-purley { display:none !important; }
body.shop_purley .visible-purley { display:inherit !important; }

.visible-guest { display:initial !important; }
.hidden-guest { display:none !important; }
.visible-user { display:none !important; }
.hidden-user { display:initial !important; }

body {
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
body {
	background-color: #800000;


	background-attachment: scroll;
}

header, #mobile-header {

	background-attachment: scroll;
}

/* Mobile */
.mobile .km-content {
}
.mobile #mobile-header {
}

/*

https://use.typekit.net/nky0xkt.css
cocon pro: font-family: ff-cocon-pro, sans-serif;
*/




/* Display None */
.row-fluid.ct_header_row,#logo_purleyDragon_desktop,#left_dragon_second_section,#right_dragon_second_section,
.ct_details_bar, #body > h1, .column_slideshow, .column_modules, .home-about, #body-bottom-hr, .fs_triangle, #rightSide__Navbar,
.page_checkout .container > div > .span3.tr, .page_menu #basket-container .basket-hr-separator
{display: none !important;}

/* NavBar */
header .navbar .btn-navbar {border: none;background: transparent;box-shadow: none;}
header {background-image: url('/myimages/1101/purley_dragon_navbar.png');background-size: cover;border-bottom: 2px solid #e8c36a; position: absolute; top: 0;
    z-index: 3; transition: 1s; left: 0; width: 100%;}
.page_home header {position: sticky;}
header #logo__desktop__version, header #logo {text-align: center;}
header #logo__desktop__version img,header #logo img {max-height: 90px;}
header #logo__desktop__version {display: none;}
.page_home header #logo__desktop__version {display: none;}
header .navbar {margin: auto;margin-bottom: 0px!important;}
header .navbar-inner {background: transparent;padding: 1em;border-bottom: 3px solid #e8c36a;border: none;}
#close__Nav__modal__Button {position: absolute; top: 3em; right: 3em;}
#close__Nav__modal__Button i {font-size: 26px; color: white;}
header #opening-status {margin-left: 0 !important;}
header .status-CLOSED {    color: #000 !important;text-transform: capitalize;text-shadow: none !important;}
header .status-OPEN {color: #5aa25b !important;text-transform: capitalize;text-shadow: none !important;}
header .navbar .nav>.active>a, 
header .navbar .nav>.active>a, 
header .navbar .nav>.active>a:hover,
header .navbar .nav>li>a:focus, 
header .navbar .nav>li>a:hover,
header .navbar .nav li.dropdown.open>.dropdown-toggle,
header .navbar .nav li.dropdown.active>.dropdown-toggle
{color: #f6e686 !important;text-decoration: none;background-color: transparent !important; box-shadow: none !important;}
header #rightSide__Navbar > p {padding-right: .8em; font-size: 18px; color: white; font-weight: 100;}
header .dropdown-menu {background: #2d2d2d !important;border-radius: 0;}
header .dropdown-menu a {color: white;}
header .dropdown-menu>li>a:hover {background: #a28001 !important;}
header #rightSide__Navbar > a {padding-right: .5em; font-size: 28px; color: #fcda15;} 
header .navbar .nav>li>a {transition: .2s;float: none;
    padding: 10px 25px 10px;color: white;text-decoration: none;text-shadow: none;font-weight: 100;font-size: 18px;}

header .nav-collapse.collapse, header .nav-collapse {position: fixed;top: 0;left: 0;display: flex;justify-content: center;height: 100vh !important;
    width: 100%;background: black;align-items: center;opacity: 0;pointer-events: none; transition: .2s;}
header .nav-collapse.in.collapse {opacity: 1;pointer-events: all;}
#openingStatus__Base {display: none;}
#openingStatus__Base .tooltip {top: 40px !important; }
#openingStatus__Base .tooltip-arrow {bottom: unset;top: 0;transform: rotate(180deg);}
header .nav-collapse .nav>li {text-align: center;}

/* Global */
.gm-style .gm-style-iw {color: black;}
.website-image {border: 2px solid black;}
.website-image img {width: 100%;}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {background-color: transparent;}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {background-color: transparent;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    font-size: 12px; line-height:20px;background: maroon; color: white; border-radius: 0;margin-bottom: 0 !important;margin-top: 12px;}
.modal {border-radius: 0;}
.modal-header {background: maroon;color: white;}
#body {padding: 12em 1em 1em;}
.page_home #body {padding-top: 0em;}
#container, body {padding: 0; background: #b71817; box-shadow: none;}
body, input, select, button, .btn {font-family: ff-cocon-pro, sans-serif; border-radius: 0 !important;}
textarea, input, select{background: #2d2d2d !important; color: #ababab !important; border: black 1px solid !important;max-width: none;}
.page_home footer {padding: 3em 0; color: white; font-weight: 100;}
footer {padding: 0em 0 3em; color: white; font-weight: 100;}
footer small {color: white !important;}
#new__Row__Footer {text-align: center; padding-bottom: 24px;flex-direction: column;}
#new__Row__Footer article:last-child {display: flex;flex-direction: row;align-items: center;flex-wrap: wrap; align-self: center;}
#new__Row__Footer .btn-yellow {font-size: 16px;font-weight: 200;padding: 6px 15px; margin-left: 12px;}
#new__Row__Footer p {margin: 0; margin-bottom: 20px;}
footer a {color: #f2da80;}
footer .row-fluid {display: flex;flex-direction: column;align-items: center;text-align: center;}
footer .vendor {display: flex !important;flex-direction: column;align-items: center;}
footer .cards {padding: 24px 0;}

/* Home Page */    
.page_home #body {padding: 0 !important;}
#first_section {height: fit-content; background: #b71817;     background-attachment: fixed;}
#second_section, #third_section {background: #b71817; max-width: 1920px; margin: auto; position: relative;}
.fs_leftSide {background: #070505; text-align: center;padding: 24px;}
#fs_leftSide_title {font-size: 32px; padding-bottom: 8px; color: white;}
.fs_leftSide img {transform: rotate(180deg);width: 80%;height: fit-content; max-width: 320px;}
.fs_rightSide {background-image: url(/myimages/1101/PurleyDragon_Welcome_Image.jpg?v=1);height: 280px;background-size: cover;background-position: center;
border-bottom: 2px solid #e8c36a; position: relative;}
#fs_rightSide_triangle {position: absolute;bottom: 0;width: 0em;height: 10em;background: transparent;border-bottom: 50px solid #e8c36a;
    border-right: 50px solid transparent;left: 0;right: 0;border-left: 50px solid transparent;margin-left: auto;margin-right: auto;}
#fs_rightSide_triangle i {position: absolute;top: 157px;left: -11px;font-size: 28px; animation: 1s linear 0s infinite alternate sun-rise;}
@keyframes sun-rise {
      from {
        /* pushes the sun down past the viewport */
        transform: translateY(5px);
      }
      to {
        /* returns the sun to its default position */
        transform: translateY(-5px);
      }
    }
#mod_postcode_box_pc, .btn-group .btn.btn-success.dropdown-toggle {box-shadow: none; border-radius: 0; height: 100%;}
.btn-group .btn.btn-success.dropdown-toggle {background: #5aa25b !important;}
.fs_leftSide .input-append.col.col2 {height: 40px;}
#mod_postcode_box_pc {height: 100%;font-size: 18px;margin: 0;padding: 0;box-shadow: none;border: none !important;background: white !important;}
.base__PostCodeBar {height: 40px;display: flex;flex-direction: row;max-width: 20em;align-items: center;margin: auto;}
.base__PostCodeBar .btn-group {height: 100%;}
#fs_triangle {display: none;}

.ss_leftSide, .ss_rightSide {height: fit-content; background: transparent;}
#ss_rightSide_text, #ss_leftSide_text {padding: 14px; text-align: center; align-self: center;}
#ss_rightSide_text > div, #ss_leftSide_text > div {padding: 24px;  border: 2px solid #e8c36a; background: #b71817;}
#ss_rightSide_text > div {border: 2px solid white !important;}
#leftSide_image_secondSection, #rightSide_image_secondSection {width: 100%; height: 100%;} 
#ss_leftSide_text_h2 {color: #fcda15; font-size: 70px; line-height: 80px; margin: 0;}
#ss_leftSide_text_h3 {color: white;font-size: 32px;line-height: 33px;margin: 0;margin-bottom: 15px;}
#ss_leftSide_text_h3 span {color: #fcda15;}
#ss_leftSide_text_p, #ss_rightSide_text_p {color: white; font-weight: 100; margin-bottom: 18px;}
#ss_rightSide_text_h3 {color: #fcda15;font-size: 39px;line-height: normal; margin-top: 0;}
#angelWings__2 {margin-bottom: 6px;}

#third_section {border-bottom: 2px solid #e8c36a; border-top: 2px solid #e8c36a; overflow-x: clip;}
#ts_middleSide {text-align: center; padding: 1.8em} 
#ts_middleSide h2 {text-transform: uppercase;margin: 0;font-size: 52px;line-height: 50px;color: #fcda15;} 
#ts_middleSide h2 span {color: white;}
#ts_middleSide p {margin: 1.6em 0; color: white; font-weight: 200;} 
.slick-initialized .slick-slide img {margin: 0;width: 100%;object-fit: contain;border: 2px solid black;}
.slick_base {margin-top: 32px;}
#THIRD_SECTION_RIGHT_IMAGE_DESKTOP,#THIRD_SECTION_LEFT_IMAGE_DESKTOP {display: none;} 
.slick-list.draggable {margin: auto;max-width: 570px;padding-bottom: 32px !important;}
.slick-next {right: 14px;}
.slick-initialized .slick-slide {display: block;margin: 0px 26px;}
.slick-prev:before, .slick-next:before {content: '';}

/* Buttons, labels, banners, links, alerts */
.btn {text-shadow: none;box-shadow: none;transition: .2s;transform: scale(1.0) !important;}
.btn-success {background: #00d500 !important; color: white !important;transition: .2s;}
.btn-warning {background: #ff9600 !important;}
.btn-link {color: #00abff;}
.btn-inverse {background: #7e7e7e;}
.btn-primary {background: #0088ff; color: white !important;}
.btn-info {background: #00c0ff !important;}
.btn-danger {background: #ff0b00;}
.btn-yellow {transition: 1s;background: #fcda15;border: none;padding: 6px 18px; box-shadow: none; font-weight: 200; color: black !important;
	display: flex;flex-direction: row;align-items: center;max-width: fit-content;margin: auto;justify-content: center;
	height: auto;
}
.btn-block {background: #00c937; color: white;}
.label-info, .badge-info {background: #00abff;}
.btn:hover {transform: scale(1.1) !important; transition: .2s;}
.btn-yellow:hover {transition: 1s; transform: scale(1.1); }
.text-info {color: #00abff;}
a {color: #00abff;}
.text-success {color: #95ff00!important;}
.label-warning, .badge-warning {background-color: #f89406;}
.text-warning {color: #f89406;}
.alert-success {background-color: #00b433 !important;}
.alert-info {background-color: #02abea !important;}
.alert-warning {background-color: #c9a900 !important;}
.alert-danger {background-color: #ff0000 !important;}
.alert-success {background-color: #00b433 !important;}
.alert-success,
.alert-info,
.alert-warning,
.alert-danger,
.alert-success,
.sys-message 
{color: #ffffff;border-color: transparent;border-radius: 0;box-shadow: none;font-weight: 900 !important;font-size: 25px !important; 
    background:#5aa25b; }
.page_review-order .label-info {padding: 8px;margin-left: 4px;}
.modal-footer .btn {background: #02abea; color: white;}


/* Checkout Page */
.page_checkout .well {border-radius: 0;background: #222222 !important;color: white;border: black solid 2px;}
.page_checkout .well-basket {background: white !important; color: black;}
.page_checkout .container > div > div > h2 {color: white;margin-bottom: 25px;text-align: center;}
.page_checkout .ui-widget-header {background: maroon; border: black 1px solid; color: white;}
.page_checkout .loyaltypoints_box .row-credits .well {border: maroon 3px solid;color: white !important;}
.page_checkout .loyaltypoints_box .row-credits .col-equals div {background: none;border: none !important;box-shadow: none;}
.buttons__column__checkout {display: flex; flex-direction: column;}
.page_checkout .buttons__column__checkout .btn-inverse {background: #00d500 !important;}
.page_checkout .buttons__column__checkout .btn-link {background: #00c0ff; margin-top: 8px; color: white; text-decoration: none;}
.page_checkout .marginbottom15 .btn {margin-bottom: 12px;}
.page_checkout .marginbottom15 small {color: white;}
.page_checkout .well-login p .btn {background: #ff0b00; color: white; border: none;margin-left: 12px;}
.page_checkout .well-login p small {font-size: 16px;margin-bottom: 12px;    height: fit-content; display: flex;font-weight: 400;}
.page_checkout .well-login p {font-weight: 400;font-size:20px;}
.page_checkout .well-login .lead {margin-bottom: 12px;}
.page_checkout #checkoutVouchercode {max-width: 165px;}
.page_checkout .btn-group.extended.extended2 .btn {padding-top: 2em;background: transparent;color: white;border: none;}
.page_checkout .trigger-paymentmethod .btn.active {background-color: #ddd !important;color: black !important;}
.page_checkout .trigger-paymentmethod .btn.active .text-success {color: #16a800!important;}
.page_checkout .voucher_box {font-size: 21px !important;}

/* Members Page */
.page_members .well {border-radius: 0;background: #222222;color: white;border: black solid 2px;}
.page_members legend {font-size: 30px; padding-bottom: 22px; text-align: center; color: white;}
.page_members .hero-unit {border-radius: 0; background: #b71817;}
.page_members .nav-list>.active>a, .page_members .nav-list>.active>a:hover {background: #ccae00;}
.page_members .nav>li>a:hover, .page_members .nav>li>a:focus {text-decoration: none;background: #ccae00;}
.page_members .nav-list>li>a {color: white;}
.page_members #frmMyProfile .dropdown-toggle, #select-group-0 a {background: #2d2d2d !important;color: #ababab !important;border: black 1px solid !important;} 
.page_members #frmMyProfile .dropdown-toggle:hover, #select-group-0 a:hover {background: #ccae00 !important;color:white!important;}
.page_members .dropdown-menu {background:#2d2d2d !important; border-radius: 0;padding: 0;}
.page_members .dropdown-menu>li>a {color: white;}
.page_members .dropdown-menu>li>a:hover {background: #ccae00 !important;}
.page_members .section-customer-map .well {padding: 0;}
.page_members .form-horizontal .input-append {display: grid;}
.page_members .section-sales-reports .ctl-toggle-columns {display: contents;}
.page_members .btn.btn-block.btn-large.btn-success {margin-bottom: 24px;}
.page_members #tbl_opening_time_overrides tr {display: flex; flex-direction: column;}
.page_members .loyalty-card>div .loyalty-value {color: black !important;}
.page_members .sidebar-nav .nav-list>li>a, .nav-list .nav-header {text-shadow: none;}
.page_members .table td {border-top: none;}
.page_members .table-bordered {border: 2px solid #b71817;border-radius: 0px;}
.page_members .table-bordered th{border: 3px solid #b71817; border-radius: 0;}
.page_members .table-bordered td {border-left: none;}

/* Contact Us Page */
.page_contact-us .well, .page_contact-us .ui-widget {border-radius: 0;background: #222222;color: white;border: black solid 2px;}
.page_contact-us .ui-widget-content {background: #222222; color: white; border: none;}
.page_contact-us .ui-widget-header {background: maroon; color: white; border: none;}
.page_contact-us .box-opening-hours {margin-top: 19px;}
.page_contact-us .box-delivery-information {margin-top: 19px;}
.page_contact-us .box-contact-information {margin-top: 19px;}
.page_contact-us a {color: white;}
.page_contact-us .table-bordered th,.page_contact-us .table-bordered td {font-weight: 100;}
.page_contact-us table tbody .ui-state-highlight th, .page_contact-us table tbody .ui-state-highlight td {font-weight: 900;font-size: 16px;}

/* Delivery and Collection Page */
.page_menu .ui-widget-content.ui-corner-all {margin-bottom: 18px;}
.page_menu #basket-container {padding: 10px 21px 21px; border-radius:0;background: white;border: black solid 2px; color: black;}
.page_menu #basket-container .basket-buttons .btn-danger {margin-bottom: 12px;}
.page_menu #basket-container .ui-widget-content.ui-corner-all {border-radius: 0;}
.page_menu .popover {border-radius: 0;border: black solid 2px !important;background: none;padding: 0; color: white;}
.page_menu .popover .popover-title {background: #b71817;border-radius: 0;border: none;}
.page_menu .popover .popover-content {background: #222222;border-radius: 0;border:none;}
.page_menu .popover.bottom .arrow:after {border-bottom-color: #b71817;}
.page_menu .popover.top .arrow:after {border-top-color: black;}
.page_menu .navbar-affix-container {height: auto !important;}
.page_menu .navbar-affix-container #responsive-food-menu .navbar-inner, .page_menu .menu-container .ui-tabs-menu {border-radius: 0;}
.page_menu .how-im-ordering {background: none !important;padding: 0; border:none;text-align: center;margin-bottom: 18px !important;}
.page_menu .how-im-ordering h2 {text-shadow: none; color: white;}
.page_menu .how-im-ordering h2 span {color: #e8c36a;}
.page_menu .how-im-ordering h2 a small {color: #ffb80c;}
.page_menu #navbar-search-menu {margin-left: 12px; width: 230px;}
.page_menu #navbar-search-menu input {    width: -webkit-fill-available; max-width: none;}
.page_menu #responsive-food-menu .navbar-inner {background: black;border: none;}
.page_menu #responsive-food-menu .navbar-inner .brand {text-shadow: none; color: white; font-weight: 800; font-size: 20px;}
.page_menu #responsive-food-menu .navbar-inner .btn-navbar {background: #00abff;}
.page_menu #responsive-food-menu .navbar-inner .ctrl-mob-nav-search {margin-left: 12px !important;}
.page_menu #responsive-food-menu .navbar-inner .btn-navbar .text-info {color: white;}
.page_menu .menu-builder .ui-tabs-menu {background: #222222;border: black solid 2px;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel {color: white; padding-top: 0 !important;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-odd {background: transparent;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-product {margin-bottom: 12px; padding: 12px 0;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-product:hover {background: transparent;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-product .media-heading {display: flex;flex-direction: column;align-items: flex-start;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-product .description {opacity: .5;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-product .media-heading span {margin-bottom: 6px;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-product .media-heading .label {border-radius: 0;padding:4px;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-product .media-heading .label-success {background: #00a603;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-product .media-heading .label-important {background: #de0f0c;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-product .media-heading .name {font-size: 16px;color: #e8c36a;line-height: 22px;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-product .row-fixed {margin-bottom: 12px;}
.page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel .row-product .margintop10 {margin-top: 20px;}
.page_menu .blockUI.blockMsg.blockPage {top: unset !important;bottom: 65px; background: rgb(0 205 47); opacity: 1 !important;}
.page_menu .menu-builder .tb-nav-tabs {border-radius: 0;background: transparent !important;border: none;}
.page_menu .menu-builder .tb-nav-tabs li {border-radius: 0;margin-bottom: 6px !important;max-width: 200px;box-shadow: none;background: black;border: none;}
.page_menu .ui-state-hover a, 
.page_menu .ui-state-hover a:hover, 
.page_menu .ui-state-hover a:link, 
.page_menu .ui-state-hover a:visited,
.page_menu .ui-state-active a, 
.page_menu .ui-state-active a:link, 
.page_menu .ui-state-active a:visited {color: white;}
.page_menu #menu-search-box {font-family: ff-cocon-pro, sans-serif;}
.page_menu .uk-offcanvas-bar {background: black; color: white;}
.page_menu .uk-offcanvas-bar #order-empty {margin-bottom: 10px;}
.page_menu .ui-widget .ui-widget-header {background: black;color:white;border: none;}

/* Spinner */
.baseSpinnerOn {height: 100vh; width: 100%; background: #0a0a0a; position: fixed; top: 0; left: 0; z-index: 1000000000000; opacity: 1; transition: 0.2s;
    display: flex; align-items: center; justify-content: center;}
.baseSpinnerOff {height: 100vh; width: 100%; background: #0a0a0a; position: fixed; top: 0; left: 0; z-index: -10000000;  opacity: 0; transition: 0.2s;
    display: flex; align-items: center; justify-content: center;}
.loading {font-size: 60px;text-align: center; margin-top: 40px;color: #b71817;}

/* Menu Page */
.page_menu .menu-selection h1 {text-align: center; color: white; margin-bottom: 18px; color: #f2da80; -webkit-text-stroke: 2px #000;}
.page_menu .menu-selection .alert {text-align: center; color: white; font-size: 30px; background: none; border: none; padding: 0;}
.page_menu .menu-selection h3 {font-style: italic;line-height: 30px;margin-bottom: 20px !important;}
.page_menu .menu-selection .well {background: transparent; border: none; padding: 0; box-shadow: none;}
.page_menu .menu-selection .well a {background: black;}

/* Review Order Page */
.page_review-order .page-review-order {padding: 0; background: transparent; color: white !important;}

.page_review-order .page-review-order fieldset table tbody tr td span {color: white;font-weight: 500;font-size: 16px;}
.page_review-order .page-review-order fieldset table tbody tr td .text-info {color: #00abff;}
.page_review-order .page-review-order fieldset legend {color: white;line-height: 35px !important; padding-bottom: 16px;font-size:28px !important;
    font-weight:900;}
.page_review-order .rating-row {padding: 5px;color: white;background: #222222;border-right: black solid 2px;
    border-left: black solid 2px;margin: 1em 0;border-bottom: black solid 2px;border-top: black solid 2px;}
.page_review-order .rating-row:hover {background: #222222;}
.page_review-order .rating-row .lead {color: white !important; line-height: 33px;}
.page_review-order .rating-row .hidden-phone.hidden-tablet {display: none;}
.page_review-order .page-header {margin-top: 0;} 
.page_review-order .page-header h1, .page_review-order .page-review-order fieldset legend {color: #f2da80; -webkit-text-stroke: 2px #000;} 

/* Error 404 Page */
.page_error-404 .well-large {border-radius: 0;background: #222222;color: white;border: black solid 2px;padding: 36px 12px;}
.page_error-404 #body h1 {font-size: 4em; color: #ff0500;text-shadow: none;text-align: center;}
.page_error-404 #body h2, .page_error-404 #body h3 {font-size: 2em; color: white;text-shadow: none;text-align: center;}
.page_error-404 #body p {margin: 2em 0;text-align: center;line-height: 42px;}

/* Order Placed Page */
.page_order-complete .jumbotron, .page_order-complete .order-info-well, .page_order-complete .p-last-minute {border-radius: 0;background: #222222;
    color: white;border: black solid 2px;padding: 12px;margin-top: 0;margin-bottom: 15px;}

/* Information Page */
.page_information .page-header {margin-top: 0;} 
.page_information .page-header h1 {color: #f2da80; -webkit-text-stroke: 2px #000;} 
.page_information .page-header h1 small {color: white;-webkit-text-stroke: 0px #fff;} 
.page_information .well {border-radius: 0;background: #222222 !important;color: white;border: black solid 2px;padding: 12px 12px 24px;}
.page_information .block-terms-conditions, .page_information .block-website-help {margin-bottom: 24px}


@media screen and (min-width: 480px) {
    /* Delivery and Collection Page */
    .page_menu .menu-builder .ui-tabs-menu .ui-tabs-panel {width: 100% !important;}
    .page_menu .menu-builder .ui-tabs-menu {display: flex !important;flex-direction: row;align-items: flex-start;}
    .page_menu .how-im-ordering h2 {text-align: left;}
}
@media screen and (min-width: 767px) {    
    /* Members Page */
    .page_members .form-horizontal .input-append {display: inline-block;}
    /* Checkout Page */ 
    .page_checkout .container > div > div > h2 {color: white;margin-bottom: 24px;text-align: left;}
    /* Global */
    #new__Row__Footer {display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;padding: 0;flex-direction: row;}
    #new__Row__Footer p {margin: 0;margin-bottom: 0;}
    footer .row-fluid {display: flex;flex-direction: row;align-items: center;text-align: initial;}
    footer .vendor {align-items: unset;}
    #body {padding-top: 13em;}
    .page_checkout #body {padding-top: 12em;}
    /* Navbar */
    header {position: absolute !important; top: 0; width: 100%;}
    .page_home header {position: fixed !important; top: 0; width: 100%;}
	/* Home Page */
    .ss_leftSide {display: flex;flex-direction: row-reverse;}    
    .ss_rightSide {display: flex;}
    .ss_leftSide article, .ss_rightSide article {width: 50% !important; margin: 0 !important;}
    #leftSide_image_secondSection, #rightSide_image_secondSection {object-fit: cover;} 
    #ss_rightSide_text, #ss_leftSide_text {padding: 20px;}
    #ss_leftSide_text_h2 {font-size: 68px;}
    #ss_leftSide_text_h3 {font-size: 30px;}
    #ss_rightSide_text_h3 {font-size: 36px;}
    #ss_leftSide_text_p, #ss_rightSide_text_p {font-size: 13px;}
    #ss_rightSide_text > div, #ss_leftSide_text > div {padding: 0px 0px 16px;border: 2px solid #e8c36a;}
    #second_section {padding: 2em 0;}
    #ts_middleSide {padding: 1.8em 15em;}
    #first_section {height: 99.8vh;display: flex;background-image: url(/myimages/1101/PurleyDragon_Welcome_Image.jpg?v=1);align-items: center;
        justify-content: center;overflow: auto; background-position-x: center; background-size: cover; position: relative;border-bottom: 2px solid #e8c36a;}
    .fs_leftSide {position: unset;z-index: 2;background: transparent;padding: 0;display: flex;flex-direction: column-reverse;
    align-items: center;}
    .base__PostCodeBar {margin: 0; max-width: 28em;}
    #mod_postcode_box_pc {width: 35em; padding:5px;}
    .btn-group .btn.btn-success.dropdown-toggle {width: 10em;}
    .btn-group .btn.btn-success.dropdown-toggle .text {font-size: 20px;}
    .fs_rightSide {display: none;}
    .fs_leftSide img {transform: rotate(0deg);width: 29em;max-width: unset;}
    #logo_purleyDragon_desktop {display: flex !important;margin-bottom: 65px;margin-top:70px;justify-content: center;align-items: center;width: 38em;max-width: unset;}
    #fs_leftSide_title {font-size: 42px;padding-bottom: 12px;color: white;padding-top: 12px;}
    #fs_triangle {display: flex;position: absolute;bottom: 0;width: 0em;height: 10em;background: transparent;border-bottom: 50px solid #e8c36a;
    border-right: 50px solid transparent;left: 0;right: 0;border-left: 50px solid transparent;margin-left: auto;margin-right: auto;}    
	#fs_triangle i {position: absolute;top: 157px;left: -11px;font-size: 28px; animation: 1s linear 0s infinite alternate sun-rise; cursor: pointer;}  
    .base__PostCodeBar .btn-group {height: 129%;margin-top: 1px;}
    /* Contact Us Page */ 
    .page_contact-us .box-contact-information {margin-top: 0px;}
    .page_contact-us .box-delivery-information {margin-top: 24px;}
	.page_contact-us .box-opening-hours {margin-top: 24px;}
    /* Delivery and Collection Page */
    .page_menu #basket-container .basket-buttons .btn-danger {margin-bottom: 0px;}
    /* Information Page */
	.page_information .block-terms-conditions, .page_information .block-website-help {margin-bottom: 0px}
}
@media screen and (min-width: 979px) {
    /* Global */
    .page_checkout #body {padding: 12em 1em 1em;}
    #body {padding-top:14em;}
	/* Home Page */
    #ss_leftSide_text_h2 {font-size: 90px;line-height: 100px;margin: 0;}
    #ss_leftSide_text_h3 {font-size: 39px;line-height: 43px;margin: 0;margin-bottom: 15px;}
    #ss_leftSide_text_p {max-width: 300px;margin: auto;margin-bottom: 18px;}
    #ss_rightSide_text_h3 {font-size: 50px;}
    #ss_rightSide_text_p {font-size: 15px;line-height: 20px;}
 	.btn-yellow {font-size: 18px;font-weight: 200; padding: 10px 24px;}
    #ss_rightSide_text > div, #ss_leftSide_text > div {padding: 10px 0px 25px;}   
    /* Navbar */    
    #close__Nav__modal__Button {display: none;}
    header #logo__desktop__version {display: flex;}
    #openingStatus__Base {display: block;}
    header #logo {display: none;}
    #rightSide__Navbar {display: flex !important; align-items: center;}    
    header .navbar-inner {padding: 2.5em 0em;}
    header .nav-collapse.collapse, header .nav-collapse {position: unset;top: unset;left: unset;display: flex;justify-content: space-between;
        height: auto !important;width: auto;background: transparent;align-items: center;opacity: 1;pointer-events: all; }
}
@media screen and (min-width: 1200px) {
    /* Members Page */
    .page_members #tbl_opening_time_overrides tr {
    	display: table-row;
	}
	/* Home Page */
    #ss_leftSide_text > div {padding: 35px 0px 55px;}
    #ss_leftSide_text_h2 {font-size: 120px;line-height: 110px;margin-bottom: 8px;}
    #ss_leftSide_text_h3 {font-size: 50px;line-height: 45px;}
    #ss_leftSide_text_p {    font-size: 20px;max-width: 410px;margin: auto;margin-bottom: 22px;height: 55px;}
    .btn-yellow {font-size: 27px;font-weight: 200;padding: 16px 26px;color: black;}
    #ss_rightSide_text_h3 {font-size: 60px;}
    #ss_rightSide_text_p {font-size: 19px;line-height: 27px;height:125px;}
    #ss_rightSide_text > div {padding: 35px 0px 45px;}
    .slick_base.slick-initialized.slick-slider {display: none;}
    #THIRD_SECTION_LEFT_IMAGE_DESKTOP, #THIRD_SECTION_RIGHT_IMAGE_DESKTOP {display: flex; position: absolute; height: 101.5%; top: -4px !important;}
    #THIRD_SECTION_LEFT_IMAGE_DESKTOP {left: -5px; top: 0;}
    #THIRD_SECTION_RIGHT_IMAGE_DESKTOP {right: -5px; top: 0;}
    #ts_middleSide {padding: 6em 25em;}
    #ts_middleSide h2 {font-size: 45px;line-height: 45px;}
    #ts_middleSide p {margin: 2em 0;}
}
@media screen and (min-width: 1400px) {
	/* Home Page */
    #ts_middleSide {padding: 10em 30em;}
    #ts_middleSide h2 {font-size: 60px;line-height: 80px;}
    #ts_middleSide p {margin: 3em 0;}
    #logo_purleyDragon_desktop {width: 45em;margin-top: 30px;}
    #fs_leftSide_title {font-size: 50px;padding-bottom: 20px;padding-top: 20px;}
    #THIRD_SECTION_LEFT_IMAGE_DESKTOP, #THIRD_SECTION_RIGHT_IMAGE_DESKTOP {top: -5px !important;}
}
@media screen and (min-width: 1600px) {
	/* Home Page */
    #second_section {padding: 0; position: relative;}
    #second_section .container {padding: 4em 0; position: relative; z-index: 2;}
    #left_dragon_second_section, #right_dragon_second_section {display: flex !important; position: absolute; height: 100%; z-index: 1;}
    #right_dragon_second_section {right: 0; top: 0;}
    #left_dragon_second_section {left: 0; top: 0;}
    #ts_middleSide {padding: 15em 35em;}
    #ts_middleSide h2 {font-size: 70px;line-height: 75px;}
    #THIRD_SECTION_LEFT_IMAGE_DESKTOP, #THIRD_SECTION_RIGHT_IMAGE_DESKTOP {top: -6px !important;}
}
@media screen and (min-width: 1800px) {
	/* Home Page */
 	#ts_middleSide {padding: 10em 35em;}
    #ts_middleSide h2 {font-size: 90px;line-height: 130px;}
    #ts_middleSide p {margin: 5em auto; max-width: 50em;}
}