@media screen and (min-width : 830px)
{
 .popup_message_div{ font-size:9px;}   
    
}    

@media screen and (max-width : 829px)
{
 .popup_message_div{ font-size:10px;}   
}    

.set_width {width: 1160px; margin: 0 auto;}

.page_container {display:inline-block; position:relative; width:100%; min-width:300px; height:auto !important; }

.page_header {position:fixed;height:263px; box-sizing:border-box; background-color:#102D1C; color:#fff;  text-align:left; z-index: 99;}
.page_header_inner{position:relative; height:100%;}
.page_header_logo {position:absolute; width:400px; left:calc((1160px/2) - (400px / 2)); margin-top:50px;}
.page_header_logo img {width:100%;}

.header_menu {position:absolute; bottom:20px;width:650px; left:calc((1160px/2) - (650px / 2)); text-align:center;}
.header_menu_button {display:inline-block; width:100px; text-align:center; color:#fff; border:2px solid #b9d533; font-family: rubik; border-radius: 5px;}
.header_menu_button a {color:#fff;}


.main {margin-top:263px; padding:0 10px; width:100%; box-sizing:border-box;}
.footer {box-sizing:border-box; min-height:30px; padding:5px;  background-color: #102D1C; color:#fff; font-size:1.5rem; }
.main_inner {min-height:calc(100vh - 403px);}

.front_page_range {border:2px solid #102D1C; padding:10px; text-align:center; height:320px;}
.front_page_range h2 {font-size:4rem; }


.front_page_welcome {text-align:center; padding:5px; background-color:#efefef; margin:10px;}
.front_page_welcome h2{font-size:6rem; color:#b9d533; line-height:0.85; text-shadow:  -2px -2px 0 #102D1C,    2px -2px 0 #102D1C,    -2px 2px 0 #102D1C,   2px 2px 0 #102D1C, 5px 5px 5px #ddd; font-family:green_cuisine; }
.front_page_welcome h3{font-size:4rem; color:#b9d533; line-height:1; font-family:green_cuisine; text-shadow:  5px 5px 3px #102D1C; }
.front_page_welcome h4 {font-size:2rem;  line-height:1.6; font-family:rubik;}

.contact_us_details { padding:5px; background-color:#efefef; margin:0 5px;}

.core_content {display:contents;}
.content_section {padding:0;}
.content_type_70 {}/*function*/

.title {font-size:4rem; padding:0 5px; text-shadow: 2px 2px 5px gray;}

.range_menu_fix {position:fixed; z-index:99; }
.range_menu {width:100%; display:inline-block; background-color:#f0d95c; box-shadow:0px 0px 5px #000;}
.range_menu_item {display:inline-block; width:calc(100% / 7); padding:5px; text-align:center; box-sizing:border-box;}
.range_menu_height{height:40px;}
.selected_range{background-color:#102D1C; color:#fff; border-color:#fff;}
.product_delete {width:20px;}

.basket_totals {margin:10px 0; padding:10px 0; border-top:2px solid #efefef; border-bottom:2px solid #efefef;}
.basket_total {width:100px; padding-right:40px; text-align:right; vertical-align: top; }

.product_info {width:100%; height:250px; border:5px solid #dfdfdf; box-sizing:border-box; background-color:#fff;}


.top_basket {position:absolute; right:20px; width:200px; top:10px; }
.top_basket a {color:#fff;}

.top_basket_inner {position:relative; width:200px; height:75px; margin-right:10px}

.basket_image {position:absolute;width:100px; left:calc((200px/2) - (100px / 2))}
.basket_image img {width:100%; opacity:0.5;}
.basket_value {display:table; font-size:2.5rem; font-weight:bold; color:#fff; text-align:center; height:75px;  margin-top:15px; width:100%; position:absolute; z-index:10;}
.basket_message {font-size:1.3rem; padding-top:0px;}
.top_message {position:absolute; bottom:10px; font-size:2rem; width:240px;  right:0px; padding:5px; text-shadow: 2px 2px 5px #000; box-sizing:border-box;}
.discount_info {position:absolute; bottom:10px; font-size:2rem; width:210px; left:20px; padding:5px;  text-shadow: 2px 2px 5px #000; box-sizing:border-box;}
.shipping_info {position:absolute; top:0px; left:20px; width:120px; height:120px; background-image:url('/images/site/star.png'); background-size: cover;  background-repeat: no-repeat;}
.shipping_info_inner {position:absolute; top:28px; left:-10px; width:150px; font-size:2rem; line-height:1.2; text-shadow: -1px -1px 0 #fff,  1px -1px 0 #fff,  -1px 1px 0 #fff,  1px 1px 0 #fff;  transform: rotate(-19deg); color:#1d4b3d; text-align:center;}

.purchase_form {margin:20px auto; text-align:center; width:850px;}
.purchase_form input[type=text], .purchase_form select {font-size:1.6rem; width:200px;}
.purchase_form button {background-color:#102D1C; color:#fff; font-weight:bold; padding:5px; border:0px;}

.payment_method {height:195px; width:850px; background-color:#efefef; box-sizing:border-box;}
.sage_pay {background-color:#41a940; color:#fff; }
.cvv {margin-left:2px; font-weight:bold; display:inline-block; text-align:center; background-color:#b9d533; color:#fff; width:24px; height:24px; border-radius:12px;}

.pm { padding:5px; border-top-right-radius: 5px; border-top-left-radius: 5px}

.address {width:100%;}

.special_offer_title {font-size:3rem; text-shadow: 2px 2px 5px #fdffa3; }
.special_offers_section {font-weight:bold;}
.special_offers_section .shade_row:nth-of-type(odd){background-color:#fdff78;}
.special_offers_section .shade_row:nth-of-type(even){background-color:#fdffee;}
.special_offer_button {background-color:#eddbdb; border:2px solid #000; border-radius:3px; margin:2px 0; text-align:center; width:60px; font-weight:normal;}

.free_gift_title {background-color:#ef1515;  text-shadow:  5px 5px 5px #555; color:#fff; font-family:green_cuisine; font-size:3rem; border-top:5px solid #ef1515; border-bottom:5px solid #ef1515;}
.free_gift_promo {border-color:#ef1515; border-style:solid; margin: 0 10px; box-sizing: border-box;}
.free_gift {color:#ef1515;}
.free_gift_row {background-color:#b9d533;}

.promo_label{position: absolute; font-size: 1.5rem; top: 2px;height: 30px; width: 30px; text-align: center;vertical-align: middle; box-sizing: border-box; padding-top: 9px; margin-right:10px; color: red; text-shadow: 0px 0px 1px #F0D95C; ;margin-left:-10px}

.about_us_img {border:2px solid #102D1C; margin:0 10px; box-shadow: 4px 4px 5px gray;}
.tandc {padding:0 5px;}
.tandc li {margin-bottom:30px;}


.err_ul {margin:15px 0 15px 20px; list-style-type: disc;  }
.err_ul li {list-style-position: outside; padding:0 0 5px 0px;}



.popup_message_div{position:fixed; left: 50%; top: 40%; transform: translate(-50%, -50%); width:90%; max-width:500px; max-height:500px; background-color:#fff; color:#000; border:5px solid #b9d533; border-radius:10px;box-sizing:border-box; box-shadow: 0px 0px 10px #000; z-index:200;}
.popup_message_corner {position:absolute; top:0px; right:0px; width:26px; height:26px;box-sizing:border-box; background-color:#fff;z-index:202;border-radius: 0 0 0 25px;}
.popup_message_close_div {position:absolute; top:-25px; right:-25px; width:50px; height:50px; box-sizing:border-box; border:5px solid #b9d533; background-color:#fff; border-radius:25px; z-index:201;} 
.popup_message_close {position:absolute; cursor:pointer; top:-25px; right:-25px; width:50px; height:50px; box-sizing:border-box; border-radius:25px; z-index:203; font-size:3em; line-height: 1.75em; color: #dfdfdf; text-align: center; font-weight: bold; font-family: arial; display: inline-block;} 

.popup_message h2 {text-align:center; margin-bottom:6px; font-size:2.5rem;}
.popup_message_div{padding:20px; }
.popup_message {font-size:1.9em;}
.popup_message_image {max-width:250px; width:100%;}

.search_box {color:#111; border-radius:3px; background-color:#f0f0f0; text-align:right; font-size:2em;}
.search_button {color:#666; border-left:1px solid #888; border-right:2px solid #888; border-top:solid 1px #888; border-bottom:2px solid #888; border-radius:5px; line-height:1.1; padding:3px; background-color:#efefef; box-shadow:0px 0px 1px #666; display:block;}
.search_button:active {color:#333; border-left:2px solid #999; border-right:1px solid #999; border-top:solid 2px #999; border-bottom:1px solid #999;  background-color:#dfdfdf; box-shadow:0px 0px 1px #888;}

.input_checkbox {visibility: hidden;}
.input_checkbox + label {cursor:pointer;}
.input_checkbox + label:before {background-color: #f0f0f0; border: 1px solid #cfcfcf; border-radius:2px; content: "\00a0"; display: inline-block; font-size: 16px; height: 20px; padding: 0; vertical-align: top; width: 20px; margin-left: -20px;}
.input_checkbox:checked + label:before {background-color: #f0f0f0; color: #444; content: "\2713"; text-align: center;}

.highlight {background-color:#FBFFAB; padding:5px; border:2px solid #000; border-radius:5px; }

.front_page {display:inline-block; width:calc(50% - 40px); margin:10px; box-sizing:border-box; vertical-align:top; position: relative; overflow:hidden;}
.front_page .banner{position:absolute; top: 15px; left: -41px;width: 185px; padding: 3px 43px 3px 28px; box-sizing: border-box; background-color: rgba(29,75,61,1); color: white; text-align: center; z-index: 2;transform: rotate(-35deg); line-height: 1;}

.ranges {text-align:center;}
.ranges > .image {display:inline-block;}
.image {display:inline-block;}

@media screen and (min-width : 801px)
{



.images.large > div {width:80%; max-width:800px;}
.images.medium > div {width:40%; max-width:600px;}
.images.small > div {width:27%; max-width:400px;}
.images.very_small > div {width:20%; max-width:300px;}
.framed img {padding:20px;}   
    }