/* Site framework */
html {scroll-behavior: smooth; overflow-x: hidden; overflow-y: scroll;}
body { font-family: 'Nunito', sans-serif; font-size: 16px; color: #4E4E4E; background: #fff; overflow: hidden; }
.contentDiv { min-height: 600px; }
.admin_panel+header.site_header { margin-top: 31px; }

/*Top Header*/
.top_header{height: 48px; background: #F6F6F6;}
.top_header > div{padding: 0 10px; box-sizing: border-box; height: 100%; display: flex; align-items: center; justify-content: space-between;}
.top_number{font-size: 14px; color: #111111; font-weight: 600;}
.top_number span{color: #515151; font-weight: 300;}
.top_header ul{list-style: none; padding: 0; margin: 0; display: flex; align-items: center; gap: 10px;}
.top_header li{margin: 0; padding: 0 0 0 10px; line-height: 14px; border-left: 1px solid #6D6D6D;}
.top_header li:first-child{border: 0;}
.top_header li a{color: #6D6D6D; font-size: 14px;}

/* Header */
header.site_header{position: relative; z-index: 1000;  background: #fff;}
.header_wrap {height: 120px; }
.header_wrap > div{padding: 0 10px; box-sizing: border-box; display: flex; height: 100%; justify-content: space-between; align-items: center; position: relative; z-index: 100;}
.header_wrap .header_right{display: flex; align-content: center; justify-content: flex-end; gap: 30px;}

.header_wrap .my_account{display: flex; align-items: center;}
.header_wrap .my_account a{display: flex; align-items: center; justify-content: center;}
.header_wrap .my_account a::before{content:"";height: 34px; width: 34px; background: url(../images/user.svg) center no-repeat;}
.header_wrap .my_account a.loggedin::after{content: ""; height: 10px; width: 6px; background: #EB5160; clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.header_wrap .my_favourites{display: flex; align-items: center; position: relative;}
.header_wrap .my_favourites a{height: 34px; width: 34px; background: url(../images/heart_fill.svg) center no-repeat;}
.header_wrap .my_favourites.no_fav a{background-image: url(../images/heart_empty.svg);} 
.header_wrap .my_favourites span{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 14px; pointer-events: none;}
.header_wrap .my_favourites.no_fav span{display: none;}

.shoppingCart{display: flex; align-items: center; position: relative;}
.shoppingCart .cart_empty{height: 34px; width: 34px; background: url(../images/cart.svg) center no-repeat;}
.shoppingCart .cart_fill{height: 34px; width: 34px; background: url(../images/cart.svg) left no-repeat; position: relative;}
.shoppingCart .cart_fill > span.cart_dot{height: 15px; width: 15px; background: #EB5160; border-radius: 100%; 
  position: absolute; top: 10px; right: 0;}

.siteSearch { width: 570px; height: 48px; border: 1px solid #429D3C; border-radius: 4px; box-sizing: border-box; display: flex; position:relative; }
.siteSearch input { width: calc(100% - 48px); height: 100%; font-size: 14px; color: #7A7A7A; background: none; border:0; outline: 0; margin:0; 
  box-sizing: border-box; font-weight: 300; padding: 0 20px; font-weight: 300;}
.siteSearch input::placeholder{color: #7A7A7A;}
.siteSearch a {height: 100%; width: 48px; background: url(../images/search.svg) center no-repeat;}

/* Main Menu */
.mainmenu {z-index:1000; margin: 0; height:100%; width: 100%; padding: 0; list-style: none; display: flex; align-items: center; justify-content: flex-start;}   
.mainmenu > li{line-height: 50px;} 
.mainmenu > li > ul {position: absolute; z-index:1000; margin: 0; padding:0px; top: 100%; left:0px;  clear:both;}
.mainmenu li  {display: flex; height: 100%; list-style: none; text-align:left; margin:0; padding:0; position: relative;}
.mainmenu li a {display: flex; height: 100%; align-items: center; position: relative; padding: 0; font-size:14px; color: #303030; 
    transition: ease-in-out all .4s; text-transform: uppercase; font-weight: bold;}
.mainmenu > li > a{padding: 0 20px; display: flex; align-items: center; font-weight: 600;}

.menu_wrap {height: 50px; position: relative; z-index: 1001; border: solid #F6F6F6; border-width: 1px 0;}
.mainmenu > li.has-child > a::after {content: ""; width: 0; height: 6px; background: #fff; clip-path: polygon(0 0, 50% 100%, 100% 0); 
    transition: ease-in-out all .3s;}
.mainmenu > li.has-child > a:hover, .mainmenu > li.menu_open > a {background: #53C44B; border-radius: 4px; color: #fff;}
.mainmenu > li.has-child > a:hover::after, .mainmenu > li.menu_open > a::after {width: 8px; margin-left: 5px;}

.mainmenu .standardmenu{background: #fff; width: 300px; box-sizing: border-box; padding: 20px; border: 1px solid #EBEBEB;}
.mainmenu .standardmenu ul {position: absolute; left: calc(100% + 21px); top: 0; width: 290px; padding: 15px 20px; box-sizing: border-box; background: #F6F6F6; border: 1px solid #EBEBEB;}
.mainmenu .standardmenu li{width: 100%}
.mainmenu .standardmenu li a{width: 100%; padding:5px 10px; position: relative; border-radius: 4px;}
.mainmenu .standardmenu li.has-child a{padding: 5px 20px 5px 10px;}
.mainmenu .standardmenu li.has-child a:hover{background: #DDE8E0; color: #186525}
.mainmenu .standardmenu > li.has-child > a::after,
.mainmenu .standardmenu > li > ul > li.has-child > a::after {content: ""; width: 6px; height: 8px; background: #A2A2A2; clip-path: polygon(0 0, 0% 100%, 100% 55%); 
    transition: ease-in-out all .3s; position: absolute; right: 10px; top: calc(50% - 4px);}
.mainmenu .standardmenu > li.has-child > a:hover::after{background: #186525;}
.mainmenu .standardmenu > li.has-child ul::before{content: ""; height:15px; width: 10px; position: absolute; left:-10px; top: 10px; background:url(../images/triangle.svg) center no-repeat; }


/*Effect on sub menu*/
.mainmenu li ul {visibility:hidden; opacity:0; transition: ease-in-out all .3s; z-index: -1;}
.mainmenu li.has-child:hover > ul{visibility:visible; opacity:1; z-index: 1000;}

/* Alphamenu subitem fixes */
.mainmenu .standardmenu > li[data-style=alpha] > a::after, .mainmenu .standardmenu > li > ul > li[data-style=alpha] > a::after {content:none;}
.mainmenu .standardmenu li[data-style=alpha] ul {display: none;}

/* Aplha Menu */
.mainmenu li[data-style=alpha]{position: initial;}
.alphamenu{position: absolute; z-index: 1000; margin: 0; padding: 0px; top: 100%; left: 0px; width: 100vw; clear: both; background: #fff;} 
.alphamenu .mega_menu{display: flex; align-items: flex-start; flex-wrap: wrap; padding: 20px; box-sizing: border-box; gap: 10px; } 
.alpha_menu_alpha {display: flex; align-items: center; justify-content: space-between; width: 100%;height: 30px; border: solid #000; border-width: 1px 0;}
.alpha_menu_alpha .alpha_link {display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 10px; transition: 0.2s ease-in-out all;}
.alpha_menu_alpha .alpha_link.active {background: #53C44B; color: #fff;}
.alpha_menu_alpha .alpha_link.alpha_viewall:hover {background: #53C44B; color: #fff;}
.alphamenu_subitems {display: flex; align-items: flex-start; justify-content: flex-start; width: 100%;}
.alphamenu_subitems > li {width: 20%;}


/*Overlay*/
.overlay { background: rgba(0, 0, 0, .6); position: fixed; top: 0; 
    height: 100vh; width: 100%; left: 0; z-index: -1; visibility:hidden; opacity:0; transition: ease-in-out all .4s;}
.overlay.hover { visibility:visible; opacity:1; z-index: 999;}
.apprise-overlay { background: rgba(0, 0, 0, .6); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
div.apprise{margin-left: 0 !important; transform: translateX(-50%); left: 50% !important;}

/* Footer */
.footer_wrap{background: #F6F6F6; padding: 50px 0; position: relative; box-sizing: border-box; font-size: 14px; color: #4E4E4E; 
    line-height: 24px; margin-top: 20px;}
.footer_wrap a{color: #4E4E4E; transition: ease-in-out all .3s;}
.footer_wrap a:hover{color: #53C44B;}
.footer_wrap p{padding: 0;}

.footer_wrap > div{padding: 0 10px; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.footer_wrap > div > div{width: calc(22% - 15px);  box-sizing: border-box;}
.footer_wrap > div > div.footer_contact{width: calc(34% - 15px);}
.footer_wrap > div > div > span{ color: #186525; display: block; margin-bottom: 10px; font-size: 16px; line-height: 24px;}
.footer_wrap > div > div > div > span{color: #186525; display: block; font-size: 16px; line-height: 24px; margin-bottom: 10px;}
.footer_contact{display: flex; flex-direction: column; gap: 30px; position: relative;}
.footer_contact > div{ padding-left: 40px; }
.footer_address{background: url(../images/location.svg) left top no-repeat;}
.footer_phone{background: url(../images/phone.svg) left top no-repeat;}
.footer_email{background: url(../images/message.svg) left top no-repeat;}
.footer_hours{background: url(../images/clock.svg) left top no-repeat;}
.footer_hours p{margin-bottom: 20px;}

.footer_last{display: flex; flex-direction: column;}
.footer_last > div > span{margin-bottom: 20px;}
.footer_links{display: flex; flex-direction: column; margin-bottom: 20px;}

.footer_wrap .social{display: flex; align-items: center; gap: 10px; margin-bottom: 30px;}
.footer_wrap .social a{height: 30px; width: 30px;transition: ease-in-out all .3s;}
.footer_wrap .social a.fb{background: url(../images/facebook.svg) center no-repeat;}
.footer_wrap .social a.ins{background: url(../images/instagram.svg) center no-repeat;}
.footer_wrap .social a:hover{transform: translateY(-5px);}

/*Footer Menus*/
.footer_wrap ul{padding: 0; margin: 0; position: relative; z-index: 100;}
.footer_wrap ul li{list-style: none; padding: 0;}
.footer_wrap ul li a{font-size: 14px; text-transform: capitalize; color: #4E4E4E; padding:5px 0; display: block; position: relative;}

/* Byline */
.byline_wrap { background: #fff; padding: 30px 0;}
.byline_wrap > div{padding: 0 10px; box-sizing: border-box; display: flex; flex-direction: column; gap: 30px; align-items: center; justify-content: center;}
.footer_payment{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;}
.byline_wrap ul{display: flex; align-items: center; margin: 0; list-style: none; padding: 0;}
.byline_wrap ul li{padding: 0 10px; border-right: 1px solid #7A7A7A; line-height: 14px;}
.byline_wrap ul li:last-child{border: 0;}
.byline_wrap ul li a{color: #7A7A7A; font-size: 14px; padding: 0;}
.byline_wrap a {color: #7A7A7A; font-size: 12px;}

/* Fonts */
a { text-decoration: none; color: #4E4E4E; }
.content_wrap p a{transition: ease-in-out all .3s; text-decoration: underline;} 
.content_wrap p a:hover{color: #53C44B;}
::-webkit-scrollbar {background:#E3F2DC; width:10px;}
::-webkit-scrollbar-track {background:#E3F2DC; }
::-webkit-scrollbar-thumb {background:#429D3C; border-radius: 10px;}
h1, h2, h3, h4, h5, h6{ margin: 0 0; padding: 0 0 10px 0; display: block; }
h1 {font-size: 32px; color: #303030; font-weight: bold; line-height: 42px;}
h2{font-size: 32px; color: #4E4E4E; font-weight: 300; line-height: 42px;}
h3 {font-size: 26px; color: #303030; font-weight: bold; line-height: 36px;}
h4 {font-size: 20px; color: #429D3C; letter-spacing: 3.2px; text-transform: uppercase; line-height: 34px; }
h5 {font-size: 18px; color: #186525; line-height: 28px;}
h6 {font-size: 18px; color: #186525; font-weight: bold; line-height: 28px;}
p { padding: 5px 0 20px 0; font-size: 14px; color:#4D5156; line-height: 26px; }
ul { list-style-position: outside; padding: 5px 0 20px 20px; font-size: 14px; color: #3a3a38; list-style-type: disc; line-height: 24px; }
ul li { padding: 0 0 15px 0; line-height: 20px; }
ol { list-style-position: outside; padding: 5px 0 20px 20px; font-size: 14px; color: #3a3a38; list-style-type: circle; line-height: 24px; }
ol li { padding: 0 0 5px 0; }
hr {background: #C69664; height: 6px; width: 40px; border: 0; margin: 10px 0; }
.hidden { display: none; }
.hideImportant { display: none !important; }

.full-width-fix { width: 100vw !important; position: relative !important; left: 50%; right: 50%;  margin-left: -50vw; margin-right: -50vw; }

/* Contact Forms */
.contact_form { padding: 20px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(148, 148, 148, 0.25); border: 1px solid #F6F6F6; margin: 20px 0; }
.cf_line { clear: both; line-height: 30px;  }
.cf_line p { color: #111111; font-size: 16px; font-weight: bold; line-height: 20px; margin: 0; padding: 0 0 15px 0;}
.cf_field { display: block; }
.cf_label { color: #4E4E4E; font-size: 14px; display: block; padding-top: 15px; text-transform: capitalize; }
.cf_label > span{color: #EB5160;}
.cf_field textarea, .cf_field select, .cf_field input[type=text] { width: 100%; box-sizing: border-box; border-radius: 3px; font-size: 14px;
    transition: ease-in-out all .5s; padding: 0 10px; box-sizing: border-box; border: 1px solid #E9EFE6; outline: 0; color: #4E4E4E;}
.cf_field input[type=text]:focus, .cf_field textarea:focus{border: 2px solid #429D3C;}
.cf_field input[type=radio], .cf_field input[type=checkbox]{accent-color: #429D3C;}
.cf_field select, .cf_field input[type=text] { line-height: 35px; height: 35px; }
.cf_field textarea { height: 120px; resize: none; padding:10px;}
.cf_radio .cf_label, .cf_checkbox .cf_label { display: inline-block; font-size: 14px; text-transform: capitalize; padding-top: 0; font-weight: normal; }
.cf_radio .cf_field, .cf_checkbox .cf_field { width: 25px; display: inline-block; }
.contact_form .denotes { font-size: 12px; color:#1E2626; font-style: italic; padding: 0; margin-top: 10px; }
.contact_form .denotes span{color: #D87E7B;}
.contact_form .cf_submit { display: flex; justify-content: center; margin: 0; }
.cf_submit a { display: flex; align-items: center; justify-content: center; height: 54px; width: 202px; color: #fff; font-size: 16px; border-radius: 4px; 
    padding: 0; transition: ease-in-out all .3s; text-transform: uppercase; background-size: 300% 100%; border: solid 1px transparent; 
    background-image: linear-gradient(to right, #68BE3A, #468451, transparent, transparent);}
.cf_submit a:hover{color:#186525; border-color:#186525; background-position: 100% 0;}

/*Fading Gallery*/
.caroufredsel_wrapper { padding-bottom: 20px; }
div[type=fading_gallery] a { position: relative; }
div[type=fading_gallery] .banner, div.fg_gallery .banner { position: absolute; bottom: 0; padding: 0px 5px; width: 100%; background: rgba(0, 105, 0, 0.9); }
.fg_gallery{overflow: hidden;} 

/*Full Screen Gallery*/
div.fullscreenfade { opacity: 0; display: flex; justify-content: center; transition: opacity 0.3s ease-in-out 0s; position: relative;  }
div.fullscreenfade.full_width{width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}
div.fullscreenfade div.slide { float: left; position: relative; display: flex; align-items: center; background-position: center top; background-size: cover; background-repeat: no-repeat; height: 100%; }
div.fullscreenfade.parallax_on div.slide { background-attachment: fixed; }
div.fullscreenfade div.slide .banner { margin: 0 auto; width: 1200px; }
div.fullscreenfade div.slide .frame { height: 100%; align-self: center; display: inline-block; padding: 16px 20px; }
div.fullscreenfade div.slide .frame h1, div.fullscreenfade div.slide .frame h2, div.fullscreenfade div.slide .frame h3, 
div.fullscreenfade div.slide .frame h4 { position: relative; }
div.fullscreenfade div.slide .frame p { padding: 15px 0; margin: 0; line-height: initial;}

/*Full Screen Gallery Pagination*/
div.fullscreenfade .pagination { position: absolute; bottom: 15px; text-align: center; width: 1200px; height: 20px; z-index: 1; }
div.fullscreenfade .pagination a { height: 10px; width: 20px; margin: 0 4px; box-sizing: border-box; display: inline-block; transition: ease-in-out all .5s; 
    background: #BAEFB6; border-radius: 4px;}
div.fullscreenfade .pagination a.selected { background:#303030; }

/*Full Screen Gallery Arrows*/
div.fullscreenfade .arrows { position: absolute; z-index: 10; right: 30px; top: calc(50% - 30px); width:94px; height: 94px; 
    background: url(../images/gallery_next.svg); cursor: pointer; transition: ease-in-out all .3s; border-radius: 100%; opacity: .5;}
div.fullscreenfade .arrows.prev {background: url(../images/gallery_prev.svg); right: initial; left: 30px; }
div.fullscreenfade .arrows:hover{opacity: 1;}

.paymentFields input[type=text], .paymentFields select { line-height: 30px; height: 30px; box-sizing: border-box; width: 100%; }
.ui-autocomplete { z-index: 10001 !important; }
.full-width-fix { width: 100vw !important; position: relative !important; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }

/*Custom Button*/
.content_wrap :is(.btn_p, .btn_s){ display: inline-block; align-items: center; justify-content: center; line-height: 54px; padding: 0 40px; font-size: 16px; 
    margin: 0 5px 10px 5px; border-radius: 4px; transition: ease-in-out all .3s; box-sizing: border-box; font-weight: 600; text-decoration: none;
    background-size: 300% 100%; text-transform: uppercase;} 
.content_wrap .btn_p{color: #fff; background-image: linear-gradient(to right, #68be3a, #468451, #68BE3A, #468451);}
.content_wrap .btn_p:hover{background-position: 100% 0; color: #fff;}
.content_wrap .btn_s{color:#186525; border:1px solid #429D3C; background-image: linear-gradient(to right, transparent, transparent, #68BE3A, #468451);}
.content_wrap .btn_s:hover{background-position: 100% 0; color: #fff;}


/*Responsive States*/

/* -------- Desktop-Large >=1200px --------- */
@media only screen and (min-width:1200px) {
    .mobile:not(.desktop-large), .tablet:not(.desktop-large), .desktop:not(.desktop-large) { display: none !important; }
    .container_16 { margin-left: auto; margin-right: auto; width: 1200px; }
    .container_16 .grid_1 { width: 55px; }
    .container_16 .grid_2 { width: 130px; }
    .container_16 .grid_3 { width: 205px; }
    .container_16 .grid_4 { width: 280px; }
    .container_16 .grid_5 { width: 355px; }
    .container_16 .grid_6 { width: 430px; }
    .container_16 .grid_7 { width: 505px; }
    .container_16 .grid_8 { width: 580px; }
    .container_16 .grid_9 { width: 655px; }
    .container_16 .grid_10 { width: 730px; }
    .container_16 .grid_11 { width: 805px; }
    .container_16 .grid_12 { width: 880px; }
    .container_16 .grid_13 { width: 955px; }
    .container_16 .grid_14 { width: 1030px; }
    .container_16 .grid_15 { width: 1105px; }
    .container_16 .grid_16 { width: 1180px; }
    .swipe { height: 575px; }


}

/*-------------Desktop < 1199px------------*/
@media (min-width:960px) and (max-width:1199px) {
    .mobile:not(.desktop), .tablet:not(.desktop), .desktop-large:not(.desktop) { display: none !important; }
    .grid_1 img, .grid_2 img, .grid_3 img, .grid_4 img, .grid_5 img, .grid_6 img, .grid_7 img, .grid_8 img, .grid_9 img, .grid_10 img, .grid_11 img, .grid_12 img, .grid_13 img, .grid_14 img, .grid_15 img, .grid_16 img { max-width: 100% !important; height: auto !important; }

    /*Header*/
    .siteSearch {width: 350px;}
    .mainmenu li a {font-size: 12px;}

    /*Footer*/
    .footer_contact::after{right: 0;}
    .footer_wrap > div{gap: 10px;}
    .footer_wrap > div > div{width: calc(20% - 10px);}
    .footer_wrap > div > div.footer_contact{width: calc(30%);}

}

/*--------------Mobile & Tablet---------------***/
@media (max-width:959px) { 

    /*Top Header*/
    .top_header > div{width: 100%;}

    /*Header*/
    .header_wrap{height: 100px;}
    .header_wrap > div{width: 100%;}

    /*Menu controls wrap*/
    .mobile_controls{display: flex; height: 100%;}

    /*Menu Toggle*/
    .menu_toggle {width: 70px; position: relative; z-index: 10; height: 100%; cursor: pointer;}
    .menu_toggle > div {height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .menu_toggle > div > div {height: 3px; border-radius: 2px; width: 22px; margin:2px 0; background: #000000; transition: 0.3s ease-in all;}
    .menu_toggle.open > div > div:nth-child(1){transform: rotate(45deg) translate(4px, 5px);}
    .menu_toggle.open > div > div:nth-child(2){opacity: 0;}
    .menu_toggle.open > div > div:nth-child(3){transform: rotate(-45deg) translate(5px, -6px);}

    /*Responsive menu*/
    .responsive_menu_wrap{position: absolute; width: 100%; right: 0; background: #fff; z-index: 1001; transition: ease-in-out all .3s; 
        padding: 10px 0 0 0; box-sizing: border-box; visibility:hidden; opacity:0; transform: translateY(-20px); z-index: -1;}
    .responsive_menu_wrap.open{visibility:visible; opacity:1; z-index: 2000; transform: translateY(0px);}
    .responsive_menu_wrap .responsive_menu{ margin: 0; list-style: none; padding:0;}

    .responsive_menu li{padding: 0; margin: 0; list-style: none;}
    .responsive_menu > li > a:not(.toggle_sub){ border-bottom: 1px solid #EBEBEB;}
    .responsive_menu li a{text-transform: uppercase; color: #353535; font-size: 14px; font-weight: 600; line-height: 22px; padding: 8px 10px; display: block;}
    .responsive_menu ul{padding: 0; margin: 0;}
    .responsive_menu ul li{}
    .responsive_menu ul li ul li a{padding: 8px 10px;}

    .responsive_menu_wrap li > div{position: relative;}
    .responsive_menu_wrap li > div >  a.toggle_sub{height: 38px; width: 40px;  position: absolute; right: 0; top: 0; padding: 0;}
    .responsive_menu_wrap li > div >  a.toggle_sub::before{content: "";  width: 6px; height: 8px; background: #DDE8E0; clip-path: polygon(0 0, 0% 100%, 100% 55%); 
    transition: ease-in-out all .3s; position: absolute; right: 14px; top: calc(50% - 4px);}

    .responsive_menu li ul{position: absolute; left: calc(100% + 20px); top: 0; width: 100%; transition: ease-in-out all .3s; background: #fff; z-index: 10;}
    .responsive_menu li ul.active{left: 0;}

    .responsive_menu .go_back_tier{background: #DDE8E0; display: flex; align-items: center; gap:10px; color: #353535; font-size: 14px; padding: 15px 10px;}
    .responsive_menu .go_back_tier::before{content: ""; height: 8px; width: 6px; background: #353535; clip-path: polygon(100% 0, 0 50%, 100% 100%);}
    .responsive_menu .parent_link{font-size: 14px; color: #186525; font-weight: bold; text-transform: uppercase; display: flex; align-items: center; gap:6px;}
    .responsive_menu .parent_link::before{content: ""; height: 7px; width: 7px; background: #B8CEBD; border-radius: 100%;}

    .menu_footer{display: flex; justify-content: space-between; padding: 20px 0 20px 10px; background: #DDE8E0;}
    .menu_footer > div{display: flex; flex-direction: column;}
    .menu_footer > div > a{padding: 0; line-height: 24px; color: #353535; font-size: 12px; font-weight: 600;}
    .menu_footer > div > strong{padding: 0;font-size: 12px; line-height: 22px; font-weight: 700;}
    .menu_footer > a.close_menu{display: flex; flex-direction: column; justify-content: flex-end; gap:5px; color: #353535; font-size: 10px; align-items: center; width: 50px;}
    .menu_footer > a.close_menu::before{content: ""; height: 10px; width: 15px; background:#353535;  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}




}

/* --------------Tablet------------------- */
@media (min-width:768px) and (max-width:959px) {
    .mobile:not(.tablet), .desktop:not(.tablet), .desktop-large:not(.tablet), .tablet-hidden { display: none !important; }
    .container_16 { margin-left: auto; margin-right: auto; width: 768px; }
    .container_16 .grid_1 { width: 32px; }
    .container_16 .grid_2 { width: 80px; }
    .container_16 .grid_3, .container_16 .grid_tab_3 { width: 128px; }
    .container_16 .grid_4, .container_16 .grid_tab_4 { width: 176px; }
    .container_16 .grid_5, .container_16 .grid_tab_5 { width: 224px; }
    .container_16 .grid_6, .container_16 .grid_tab_6 { width: 272px; }
    .container_16 .grid_7, .container_16 .grid_tab_7 { width: 320px; }
    .container_16 .grid_8, .container_16 .grid_tab_8 { width: 368px !important; }
    .container_16 .grid_9, .container_16 .grid_tab_9 { width: 416px; }
    .container_16 .grid_10, .container_16 .grid_tab_10 { width: 464px !important; }
    .container_16 .grid_11, .container_16 .grid_tab_11 { width: 512px; }
    .container_16 .grid_12, .container_16 .grid_tab_12 { width: 560px; }
    .container_16 .grid_13, .container_16 .grid_tab_13 { width: 608px; }
    .container_16 .grid_14, .container_16 .grid_tab_14 { width: 656px; }
    .container_16 .grid_15, .container_16 .grid_tab_15 { width: 704px; }
    .container_16 .grid_16, .container_16 .grid_tab_16 { width: 752px; }
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { margin-left: 8px; margin-right: 8px; }
    .alpha { margin-left: 0; }
    .omega { margin-right: 0; }
    .grid_1 img, .grid_2 img, .grid_3 img, .grid_4 img, .grid_5 img, .grid_6 img, .grid_7 img, .grid_8 img, .grid_9 img, .grid_10 img, .grid_11 img, .grid_12 img, .grid_13 img, .grid_14 img, .grid_15 img, .grid_16 img { max-width: 100% !important; height: auto !important; }


    /*Header*/
    .logo img{width: 220px;}
    .siteSearch {width: 300px;}
    .siteSearch input {padding: 0 10px; font-size: 12px;}

    .mobile_controls{justify-content: space-between; align-items: center;}
    .mobile_controls .menu_phone{font-size: 16px; color: #111111; font-weight: 600; padding-left: 10px;}
    .mobile_controls .menu_phone span{color: #515151;}


    /*Menu*/
    .responsive_menu_wrap{width: 380px;}

    /*Footer*/
    .footer_contact::after{right: 0;}
    .footer_wrap > div{gap: 10px;}
    .footer_wrap > div > div{width: calc(20% - 10px);}
    .footer_wrap > div > div.footer_contact{width: calc(30%);}

    /*Byline*/
    .byline_wrap ul li a{font-size: 12px;}



}

/* --------------Mobile------------------- */
@media (max-width:767px) {
    .tablet:not(.mobile), .desktop:not(.mobile), .desktop-large:not(.mobile), .mobile-hidden { display: none !important; }
    .container_16 { margin-left: auto; margin-right: auto; width: 320px; }
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { margin-left: 5px; margin-right: 5px; width: 310px !important; }
    .grid_1 img, .grid_2 img, .grid_3 img, .grid_4 img, .grid_5 img, .grid_6 img, .grid_7 img, .grid_8 img, .grid_9 img, .grid_10 img, .grid_11 img, .grid_12 img, .grid_13 img, .grid_14 img, .grid_15 img, .grid_16 img { max-width: 100% !important; height: auto !important; }
    .alpha, .omega { margin-left: 0; margin-right: 0; }

    iframe { max-width: 100%; }
    img { max-width: 100%; vertical-align: middle; }
    h1 { font-size: 30px; }
    h2 { font-size: 30px; }
    h3 { font-size: 24px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    h6 { font-size: 16px; }

    p { font-size: 14px; }

    div.apprise{width: 300px !important; left: 50% !important;}

    /*Header*/
    .header_wrap{height: 60px;}
    .header_wrap > div{justify-content: center;}
    .header_wrap .logo img{width: 220px;}

    /*Menu controls wrap*/
    .mobile_controls > div{flex: 1; display: flex; justify-content: center; align-items: center;}
    .mobile_controls > div > a{height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; 
        font-size: 10px; font-weight: 600;}
    .mobile_controls .menu_account a::before{content: ""; height: 16px; width: 16px; background: url(../images/user.svg) center no-repeat; background-size: contain;}
    .mobile_controls .menu_favourites a::before{content: ""; height: 19px; width: 19px; background: url(../images/heart_empty.svg) center no-repeat; 
        background-size: contain; filter: brightness(0) invert(0);}

    .mobile_controls .shoppingCart{display: flex; flex-direction: column; gap: 5px;}
    .mobile_controls .shoppingCart > span{font-size: 10px; font-weight: 600;}
    .mobile_controls .shoppingCart .cart_empty{height: 19px; width: 19px;}
    .mobile_controls .shoppingCart :is(.cart_empty, .cart_fill){background-size: 18px;}
    .mobile_controls .shoppingCart .cart_fill{padding-top: 20px; background-position: 6px 9px;}
    .shoppingCart .cart_fill > span.cart_dot{height: 10px; width: 10px; right: 5px;}

    .mobile_controls span{font-size: 10px; font-weight: 600;}

    /*Menu Search*/
    .responsive_search{height: 52px; width: 100%; background: #429D3C; box-sizing: border-box; padding: 3px 6px;}
    .responsive_search > div{height: 100%; display: flex; align-items: center; background: #fff; border-radius: 4px; overflow: hidden;}
    .responsive_search input{border: 0; padding: 0 10px; box-sizing: border-box; background: none; outline: none; font-family: 'Nunito', sans-serif;
        height: 100%; width: calc(100% - 52px);  font-size: 14px; color: #7A7A7A; font-weight: 300;}
    .responsive_search input::placeholder{color: #7A7A7A; font-size: 12px; font-weight: 100;}
    .responsive_search a.searchButton{width: 60px; height: 100%; background: url(../images/search.svg) center no-repeat;}

    /*Footer*/
    .footer_wrap{font-size: 12px; padding: 40px 0;}
    .footer_wrap p{font-size: 12px;}
    .footer_wrap > div{gap: 10px;}
    .footer_wrap > div > div.footer_contact{width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #E1E1E1;}
    .footer_wrap > div > div > div > span{font-size: 14px;}
    .footer_contact::after{content: none;}
    .footer_wrap > div > div.footer_menu{width: calc(50% - 5px);}
    .footer_wrap ul li a{font-size: 12px;}
    .footer_wrap > div > div.footer_last{width: 100%; display: flex; flex-wrap: wrap; gap: 10px; flex-direction: row;}
    .footer_last > div{width: calc(50% - 5px);}

    /*Byline*/
    .byline_wrap ul li a{font-size: 12px;}

    /* Full Screen Gallery */
    .frame.main{background: none; border: 0; border-radius:0; box-shadow: none;}
    .fsg, .fullscreenfade { min-width: 100%; height: auto; max-width: 100vw !important;}

    div.fullscreenfade div.slide{background-repeat: no-repeat; background-size: cover;}
    div.fullscreenfade div.slide .banner { padding:20px 10px; width:100%; box-sizing:border-box;}
    div.fullscreenfade div.slide .frame{padding: 25px 16px; background: none;}
    div.fullscreenwrap, div.fullscreenwrap  div { max-width:initial !important;}

}