/* ------------------------------------  */
/* ---------- SITE FRAMEWORK ----------  */
/* ------------------------------------  */
html { overflow-y: scroll; overflow-x:hidden; scroll-behavior: smooth;} 
body { font-family: 'Raleway', sans-serif; font-size: 14px; background: #fff; overflow-x:hidden;} 
body.site_body {} 
.contentDiv {min-height: 600px;} 

.ui-autocomplete { z-index: 10001 !important; } 

/* APPRISE EDITS */
div.apprise {font-family: 'Raleway', sans-serif; border-color: #D8E1EB;}
div.apprise .apprise-buttons button {background:#317142; border: 1px solid #317142; color:#fff;} 
div.apprise .apprise-buttons button:hover { background:#fff;color:#317142; } 
div.apprise .apprise-buttons button:active { background:#fff;color:#317142;} 

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

.hidden {display: none;}
.hideImportant {display: none !important;}

/* SITE FORMS */
input::placeholder {font-family:inherit;}
textarea {font-family:inherit;}
select {appearance:none; -webkit-appearance:none; -moz-appearance:none; background: url(../images/chevron-down.svg) no-repeat 98% center;}
input:is(::-webkit-outer-spin-button, ::-webkit-inner-spin-button) {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield;}
:is(input, select, textarea).input_error {border-color: #a30e0e !important;}

.site_form {}
.site_form_field {padding: 10px 0;}
.site_form_label {font-size: 16px; color: #3B3B3D; padding: 5px 0;}
.site_form_input {width: 100%;}
.site_form_input input, 
.site_form_input select, 
.site_form_input textarea {width: 100%; height: 35px; background-color: #fff; border: 1px solid #D8E1EB; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #3B3B3D; transition: 0.2s ease-in-out all;}
.site_form_input select {}
.site_form_input textarea {height: 100px;}
.site_form_input input:focus,
.site_form_input select:focus,
.site_form_input textarea:focus {box-shadow: 0px 0px 6px #6FAAE580;}

/* ----- TYPOGRAPHY ----- */
h1, h2, h3, h4, h5, h6 {display:block; color: #317142; margin:0; padding: 0 0 10px 0;}

h1 {font-size: 55px; line-height: 60px; font-weight: 600; font-family: 'Montserrat', sans-serif;} 
h2 {font-size: 44px; line-height: 50px; font-weight: 800;} 
h3 {font-size: 33px; line-height: 40px; font-weight: bold} 
h4 {font-size: 28px; line-height: 34px; font-weight: bold} 
h5 {font-size: 25px; line-height: 30px; font-weight: bold;} 
h6 {font-size: 22px; line-height: 30px; font-weight: bold;} 

p { padding: 5px 0 20px 0; font-size: 16px; color: #535353; line-height: 26px;} 

a {text-decoration:none;}
div.fullscreenfade div.slide a,
.text_wrap a {color: #4476ba; text-decoration:none;}

a { text-decoration: none; color: #383838; }
.content_wrap p a:not([class]){color: #383838; text-decoration: none; transition: ease-in-out all .3s;}
.content_wrap p a:not([class]):hover{color: #4476ba;}

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: decimal; line-height: 24px; } 
ol li { padding: 0 0 5px 0; } 

hr { color: #D8D8D8; background: #D8D8D8; height: 1px; border: 0; margin-bottom: 20px; position:relative;} 

/* Button Classes */
a.btn_p {display:inline-block; padding:15px 40px; margin:5px 0; line-height:1; background: #317142; border:1px solid #317142; text-align: center; color: #fff; text-decoration:none; transition: 0.2s ease-in all;}
a.btn_p:hover {background: #fff; color: #4476ba; }



/* Animations */
@keyframes wobble {
    0% { transform: rotate(0deg);}
    33% { transform: rotate(-8deg);}
    66% { transform: rotate(8deg);}
    100% { transform: rotate(0deg);}
}

@keyframes shadow-pulse {
    0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, .6); }
    100% { box-shadow: 0 0 0 25px rgba(0, 0, 0, 0); }
}

/* ------------------------------------  */
/* ------------ SITE DESIGN -----------  */
/* ------------------------------------  */

/* ----- SITE HEADER ----- */
header.site_header {position: relative;}

.admin_panel+.site_header { margin-top: 31px;} 


/*-- TOP STRAP --*/
.top_strap {background: #808080; height: 60px;}
.top_strap_container {display:flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 10px; box-sizing: border-box;}
.top_strap_left {display:flex; align-items: center; gap: 50px;}
.top_strap_left a{color: #FFFFFF; font-size: 20px; line-height: 26px; display: flex; align-items: center; gap:10px;}
.top_strap_left a::before{content: ""; height: 20px; width: 20px; background-size: contain; background-position: center; background-repeat: no-repeat;}
.top_strap_left a.top_phone::before{background-image: url(../images/phone.svg);}
.top_strap_left a.top_email::before{background-image: url(../images/email.svg);}
.top_strap_right {display:flex; align-items: center;}

.social{display: flex; align-items: center; gap:15px;}
.social a{height: 30px; width: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; transition: ease-in-out all .3s;}
.social a.fb{background-image: url(../images/facebook.svg);}
.social a:hover{transform: translateY(-5px);}

/*-- HEADER WRAP --*/
.header_wrap {background: #fff; height: 170px;}
.header_container {display:flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 10px; box-sizing: border-box;}

.header_left {display:flex; align-items: center; justify-content: flex-start; }
header .logo {height: 100%;}
header .logo img {max-height: 100%;}

.header_mid {display:flex; align-items: center; justify-content: center; }
.siteSearch {display: flex; width:370px; height:50px; background: #fff;}
.siteSearch input {height:100%; flex: 1; padding: 0 15px; box-sizing:border-box; background:none; font-family: inherit; font-size:18px; color: #6A6A6A; border: solid #DDDDDD; border-width: 1px 0 1px 1px;}
.siteSearch input::placeholder {font-size:18px; color: inherit; font-family: inherit;}
.siteSearch .searchButton {width:60px; height: 100%; flex-shrink: 0; background: url(../images/search.svg) #317142 no-repeat center;}

.header_right {display:flex; align-items: center; justify-content: flex-end; gap:20px; }

.acc_wrap {}
.my_account{display: flex; gap:20px; align-items: center;}
.my_account > div{display: flex; flex-direction: column; gap:10px; align-items: flex-end; color: #8D8D8D; font-size: 16px;}
.my_account > div > span{font-size: 15px; font-weight: bold; color: #317142;}
.my_account::before{content: ""; width:50px; height:50px; background: url(../images/member.svg) no-repeat center; background-size: contain;}

.shoppingCart {}
.small_cart {display: flex; gap:20px; align-items: center;}
.small_cart > div {display: flex; flex-direction: column; gap:10px; align-items: flex-end; color: #8D8D8D; font-size: 16px;}
.small_cart > div > span {font-size: 15px; font-weight: bold; color: #317142;}
.small_cart::before {content: ""; width:50px; height:50px; background: url(../images/basket.svg) no-repeat center; background-size: contain;}

/*-- MENU WRAP --*/
.menu_wrap {background: #fff; position: relative; height: 85px; padding: 0 10px; box-sizing: border-box; border: solid #DEDEDE; border-width: 1px 0;}
.menu_container {display:flex; align-items: center; height: 100%;}

/* Main Menu */
.mainmenu {display: flex; height:100%; width:100%; justify-content: space-between; list-style:none; padding:0; margin:0;}
.mainmenu ul {list-style:none; padding:0; margin:0;}
.mainmenu > li {height:100%; padding:0; position: relative;}
.mainmenu > li > a {display: flex; align-items: center; justify-content: center; height:100%; transition:0.3s ease-in-out all; text-align: center;
     color: #4B4B4B; font-size: 16px; font-weight: 600; text-transform: capitalize;}
.mainmenu > li > ul {width: 600px; box-sizing: border-box; background: #fff; position: absolute; left:0; z-index: -1; top:100%; 
    opacity:0; transition:0.3s ease-in-out all;  display: flex; flex-wrap: wrap; visibility: hidden;}
.mainmenu > li.has-children > ul{border: 1px solid #EDEDED; padding: 40px 30px;}
.mainmenu > li:hover > ul {z-index:10; opacity:1; visibility:visible;}
.mainmenu > li > ul > li {padding:0 0 20px 0; position: relative; width: 50%;}
.mainmenu > li > ul > li > a {display: flex; align-items: center; padding: 5px 0 20px 0; color: #363636; transition:0.3s ease-in-out all; font-size: 22px;
    font-weight: bold;}
.mainmenu > li > ul > li > ul > li{padding: 0;}
.mainmenu > li > ul > li > ul > li > a {display: flex; align-items: center; padding: 5px 0; color: #317142; font-size: 18px; transition:0.3s ease-in-out all; 
    font-size: 15px; font-weight: 500;}

.mainmenu > li:nth-last-child(-n+3) > ul { left:initial; right:0; }

/* ----- SITE FOOTER ----- */
footer.site_footer {background: #8D8D8D; border-top:10px solid  #317142; padding: 30px 0 60px;}

/*-- FOOTER WRAP --*/
.footer_wrap {}
.footer_container {display: flex; align-items: flex-start; box-sizing: border-box; padding: 0 10px; box-sizing: border-box;}
.footer_col_title {color:#fff; font-weight: bold; font-size: 24px; padding: 0; margin: 0 0 10px 0; line-height: 32px;}
.footer_intro{width: 40%;}
.footer_logo{margin-bottom: 10px;}
.footer_logo img{max-width: 100%;}
.footer_copyright, .footer_copyright a{line-height: 30px; color: #fff; font-size: 15px;}
.footer_about{width: 20%;}
.footer_orders{width: 20%;}
.footer_info{width:20%; display: flex; flex-direction: column; color: #fff; gap:10px; line-height: 30px;}
.footer_address{color: #fff; font-size: 18px; line-height: 34px;}
.footer_phone{background-image: url(../images/phone_circle.svg);}
.footer_email{background-image: url(../images/email_circle.svg);}

.footer_payment{padding: 10px; background: #fff; border-radius: 10px; display: flex; flex-direction: column; margin-top: 10px;}
.footer_payment > div{display: flex; align-items: center; gap:10px;}
.footer_payment span{color: #575757; font-size: 15px;}
.footer_payment img{}

/*Footer Menu*/
.footermenu {list-style:none; padding:0; margin:0;}
.footermenu > li {padding:10px 0;}
.footermenu > li > a {color: #fff; font-size: 18px;}


/* ------------------------------------  */
/* --------------- MODULES ------------  */
/* ------------------------------------  */

/* ----- TEXT MODULE ----- */
.text_wrap {}
.text_wrap.full_width {width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50%; right: 50%;  margin-left: -50vw; margin-right: -50vw;}
.text_wrap:not(.bg_on) {background: none !important;}
.text_container {padding: 0 10px; box-sizing: border-box;}

/* ----- CONTACT FORM ----- */
form.contact_form {border: 1px solid #DEDEDE; width: 100%; margin: 20px auto 20px auto; padding: 30px 40px; background-color: #fff; box-sizing:border-box;}
.cf_title {display: flex; align-items: center; justify-content: flex-start; padding: 10px 0;}
.cf_title span {font-size:55px; line-height: 60px; color: #363636; font-weight: 500; padding-bottom:10px; text-align: center; position: relative;
    font-family: 'Montserrat', sans-serif;}
.cf_line {clear: both; line-height: 30px; color: #393838; font-size: 14px; line-height: 26px; margin-bottom: 10px;}
.cf_line p {color:#363636; font-weight: bold; font-size: 16px; line-height: 20px; margin: 0 0 5px; padding: 10px 5px 10px 0; font-weight:bold;}
.cf_label {width: 100%; font-size: 16px; line-height: 36px; color: #3B3B3D; font-weight: bold;}
.cf_field { width: 100%; box-sizing:border-box;}
.cf_field :is(input, select, textarea) {width:100%; height:45px; padding: 0 10px; box-sizing: border-box; background:#fff; border:1px solid #B4B4B4; 
    font-size:14px; color: #393A3D; transition: 0.2s ease-in-out all;}
.cf_field :is(input, select, textarea):focus {border-color:#317142;}
.cf_field textarea {height:234px; resize:none; font-family:'Raleway'; padding: 10px; box-sizing: border-box;}
.cf_field select {appearance:none; -webkit-appearance:none; -moz-appearance:none; background: #fff url(../images/chevron-down.svg) no-repeat 98% center;}

:is(.cf_checkbox, .cf_radio) {}
:is(.cf_checkbox, .cf_radio) .cf_label {float:left; width:auto; font-size:14px; padding: 5px 0; line-height:24px; color: #696969; font-weight: normal;}
:is(.cf_checkbox, .cf_radio) .cf_field {float:left; width:auto; padding: 5px; line-height:24px;}
:is(.cf_checkbox, .cf_radio) input {width:15px; height:15px; accent-color: #317142;}

.cf_button_row {display: flex; align-items: flex-start; justify-content:space-between; padding:5px 0;}
.cf_submit{width: 100%; }
.cf_submit a {display: flex; align-items: center; justify-content:center; width:100%; height:65px; line-height:45px; text-transform: uppercase; 
    padding:0; font-weight: 500; background: #F06C00; color: #fff; font-size: 18px;}
p.denotes {font-size: 11px; color: #696969; padding: 0; font-weight: normal;}


/* ----- 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.frame_on {background: #ffffff80;}
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;}

/* pagination */
div.fullscreenfade .pagination { position: absolute; bottom: 40px; text-align: center; width: 100%; height: 20px; z-index: 1; }
div.fullscreenfade .pagination a { height: 20px; width: 20px; margin: 0 10px; box-sizing: border-box; display: inline-block; transition: ease-in-out all .5s; 
    border: 1px solid #fff; border-radius: 100%;}
div.fullscreenfade .pagination a.selected { background: #fff;}

/* navigation */
div.fullscreenfade .arrows { position: absolute; z-index: 10; right: 30px; top: calc(50% - 40px); width:40px; height: 80px; cursor: pointer; transition: ease-in-out all .3s;}
div.fullscreenfade .arrows:after { content: ""; width: 15px; height: 15px; position: absolute; left: 7px; top: 30px; border: #fff solid; border-width: 5px 5px 0 0; transform:rotate(45deg); }
div.fullscreenfade .arrows.prev { transform: rotate(180deg); right: initial; left: 30px;}



/* --------------------------------------- */
/* -------- LARGE SCREEN >1200px --------- */
/* --------------------------------------- */
@media only screen and (min-width: 1200px) {
    .mobile:not(.desktop),
    .tablet:not(.desktop),
	.desktop-hidden {display: none !important;}
	
	/* ----- GRID STRUCTURE ----- */
    .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;}
	/* --------------------------------------- */

    
}/* -------------------------------------------------------------------------------------------------------- LARGE DESKTOP END  */

/* ---------------------------------------------- */
/*-------------DESKTOP/LAPTOP < 1199px------------*/
/* ---------------------------------------------- */

@media (min-width: 960px) and (max-width:1199px) {
    .desktop-large:not(.desktop),
    .mobile:not(.desktop),
    .tablet:not(.desktop),
	.desktop-hidden {display: none !important;}

	/* ----- GRID STRUCTURE ----- */
    .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 ----- */
    /* ------------------ */
    
    /* ----- HEADER WRAP ----- */
    .my_account{gap:10px;}
    .my_account > div, .my_account > div > span {font-size: 13px;}
    .my_account::before, .small_cart::before {height: 40px; width: 40px;}
    .siteSearch {width: 300px;}
    .top_strap_left a {font-size: 18px;}

    .mainmenu > li > a {font-size: 14px;}
    .mainmenu > li > ul > li > a{font-size: 18px;}
    .mainmenu > li.has-children > ul{padding: 30px 20px;}
    .mainmenu > li > ul > li > ul > li > a{font-size: 14px;}
    .mainmenu > li > ul{width: 500px;}

    /*Footer*/
    .footer_col_title{font-size: 24px;}
    .footermenu > li > a{font-size: 18px;}
    .footer_intro {width: 38%;}
    .footer_info {width: 23%;}



    /*Contact Form*/
    form.contact_form{padding: 20px;}
    .cf_title span{font-size: 40px;}
	

}  
/* -------------------------------------------------------------------------------------------------------- DESKTOP END  */



/* ------------------------------------------------- */
/* --------------TABLET & MOBILE ------------------- */
/* ------------------------------------------------- */
@media (max-width: 959px) {
    .alpha,.omega {margin-left: 0;margin-right: 0;}

    /* ----- SITE HEADER ----- */

    .top_strap > div, .header_wrap > div{width: initial;}

    .menuToggle {display: block; width: 20px; height: 16px; position: relative;}
    .menuToggle > div {width: 100%; height: 3px; border-radius: 5px; background: #317142; position: absolute; transition: 0.2s ease-in-out all;}
    .menuToggle > div.top {top:0;}
    .menuToggle > div.mid {top:calc(50% - 1.5px);opacity:1;}
    .menuToggle > div.btm {bottom:0;}
    .menuToggle.active > div.top {transform: rotate(-45deg); top: 40%;}
    .menuToggle.active > div.mid {opacity:0;}
    .menuToggle.active > div.btm {transform: rotate(45deg); bottom: 45%;}

    /* ----- MOBILE MENU ----- */
    .mobile_menu_wrap {width: 100%; background: #efefef; padding: 10px; top: 100%; box-sizing: border-box; position: absolute; right: -50%; 
        opacity:0; transition: 0.3s ease-in-out all; background: #276237; z-index: -1; visibility: hidden;}
    .mobile_menu_wrap.active {right: 0; opacity:1; z-index: 1000; visibility: visible;}

    .mobilemenu {list-style:none; padding:0; margin:0;}
    .mobilemenu > li {display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap; padding:0; position: relative;}
    .mobilemenu > li > a:not(.menu_expand) {padding: 10px 0; color: #FFFFFF; border-bottom: 1px solid #fff; font-size: 11px; line-height: 18px; width: 100%;}
    .mobilemenu li.has-children > a.menu_expand {display: flex; align-items: center; justify-content: center; width: 25px; height: 38px; position: absolute; 
        top:0; right: 0; padding:0; }
    .mobilemenu li.has-children > a.menu_expand::after {content:""; height: 6px; width: 6px; border: solid #FFFFFF; border-width: 2px 2px 0 0; transform: rotate(45deg);
        transition: ease-in-out all .2s;}
    .mobilemenu li.has-children > a.menu_expand.active::after {transform: scale(-1, -1) rotate(-45deg);}
    .mobilemenu li:not(.has-children) > a.menu_expand {display: none;}
    .mobilemenu li ul {display: none; width: 100%; list-style:none; padding:10px 0 0 5px; margin:0; box-sizing: border-box;}
    .mobilemenu li ul li {padding:0; position: relative;}
    .mobilemenu li ul li a {display: block; padding: 5px 0; font-size: 12px; color: #fff; line-height: 16px;}
    .mobilemenu li ul li ul {padding: 10px 0 10px 10px;}

    /*Footer*/
    .footer_container{flex-direction: column;}
    .footer_logo{text-align: center; width: 100%; margin-bottom: 30px;}
    .footer_about, .footer_orders, .footer_intro{width: 100%; margin-bottom: 10px;}
    .footer_col_title{font-size: 14px; font-weight:400; margin: 0; border-bottom: 1px solid #fff; line-height: 40px;}
    .footermenu > li > a{font-size: 14px;}
    .footer_info{width: 100%; align-items: center; gap:15px;}
    .footer_address{text-align: center; font-size: 14px; line-height: 22px;}
    .footer_copyright, .footer_copyright a{text-align: center; font-size: 10px;}

    .footer_info .footer_address {order:2;}
    .footer_info .social {order:4;}
    .footer_info .footer_payment {order:1; padding: 6px;}
    .footer_info .footer_payment span{font-size: 12px;}
    .footer_info .footer_copyright, .footer_info .footer_copyright a{order: 3; font-size: 14px; line-height: 24px;}

    .footer_menu h4{position: relative;}
    .footer_menu h4::after{content: ""; height: 13px; width: 3px; background: #fff; position: absolute; right: 10px; top: 50%; 
        transform: translateY(-50%); transition: ease-in-out all .3s;}
    .footer_menu h4::before{content: ""; height: 3px; width: 13px; background: #fff; position: absolute; right: 5px; top: 50%; 
        transform: translateY(-50%);}
    .footer_menu h4.active::after{opacity: 0;}
    .footermenu{display: none;}

    /* ----- MODULES ----- */

    /* -- Fullscreen Gallery -- */
    div.fullscreenfade .arrows {display: none !important;}

    /*Contact Form*/
    form.contact_form{padding: 15px;}
    .cf_title span{font-size: 36px; line-height: 42px;}
    .cf_field textarea{height: 160px;}


}  /* -------------------------------------------------------------------------------------------------------- TABLET & MOBILE END  */

/* --------------------------------------- */
/* --------------TABLET------------------- */
/* --------------------------------------- */
@media (min-width: 768px) and (max-width: 959px) {
    .desktop-large:not(.tablet),
    .desktop:not(.tablet),
	.mobile:not(.tablet),
	.tablet-hidden {display: none !important;}

	/* ----- GRID STRUCTURE ----- */
	.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;}
    .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;}
	.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;}
	/* --------------------------------------- */

    /*Top Header*/
    .top_strap_left a{font-size: 14px;}

    /*Header*/
    .header_wrap{height: 183px; border-bottom: 1px solid #DDDDDD;}
    header .logo img{width: 220px;}
    .header_right{height: 100%;}
    .header_right > div{height: 100%; display: flex; align-items: center;}
    .account_wrap{padding-left: 30px; border-left: 1px solid #DDDDDD;}
    .my_account, .small_cart{flex-direction: column; justify-content: center; height: 100%;}
    .my_account > div, .small_cart > div{align-items: center;}
    .shoppingCart{padding-right: 30px; border-right: 1px solid #DDDDDD;}
    .menuToggle{height: 55px; width: 55px; background: #317142; display: flex; align-items: center; justify-content: center; gap:4px; flex-direction: column;}
    .menuToggle > div{ background:#fff; position: relative; top: initial !important; bottom: initial !important; width: 20px;}
    .menuToggle.active > div.btm {transform: rotate(45deg) translate(-5px, -5px);}
    .menuToggle.active > div.top{transform: rotate(-45deg) translate(-5px, 5px);}
    .menu_toggle_wrap{gap:10px;}
    .menu_toggle_wrap::before{content: "MENU"; color: #317142; font-size: 13px; font-weight: 600;}

    /*Search Wrap*/
    .search_wrap {width: 100%; height: 60px; border-bottom: 1px solid #DDDDDD;}
    .search_wrap > div{width: 100%; }
    .siteSearch{width: 100%; height: 60px;}
    .siteSearch input{border: 0; font-size: 14px;}
    .siteSearch input::placeholder{border: 0; font-size: 14px;}
    .siteSearch .searchButton{padding: 0 30px; width: 136px; background:#F06C00; display:flex; align-items:center; justify-content:center; gap: 10px;}
     .siteSearch .searchButton::before{content: ""; height: 15px; width: 15px; background: url(../images/search.svg) center no-repeat; background-size: contain;}
     .siteSearch .searchButton::after{content: "Search"; font-size: 14px; color: #FFFFFF; font-weight: 500;}

    /*Footer*/
    .footer_container{align-items: center;}
    .footer_about, .footer_orders{width: 300px;}
    


} /* -------------------------------------------------------------------------------------------------------- TABLET END  */

/* --------------------------------------- */
/* --------------MOBILE------------------- */
/* --------------------------------------- */

@media (max-width: 767px) {
    .desktop-large:not(.mobile),
	.tablet:not(.mobile),
    .desktop:not(.mobile),
	.mobile-hidden {display: none !important;}

	/* ----- GRID STRUCTURE ----- */
	.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;}
	.prefix_1, .prefix_2, .prefix_3 { padding:0 !important;}

	/* -------------------------------------------------------------------- */

	/* ----- TYPOGRAPHY ----- */
    h1 {font-size: 50px; line-height: 56px;} 
    h2 {font-size: 39px; line-height: 46px;} 
    h3 {font-size: 30px; line-height: 36px;} 
    h4 {font-size: 24px; line-height: 30px;} 
    h5 {font-size: 21px; line-height: 28px;} 
    h6 {font-size: 18px; line-height: 28px;} 

    p {font-size: 14px; line-height: 28px;} 
	
	img {max-width: 100%; vertical-align: middle;}
    /* -------------------------------------------------------------------- */


    /* ----- APPRISE EDITS ----- */
    div.apprise{max-width: 90% !important; left: 5% !important; top:10%;}



    /* ----- SITE HEADER ----- */

    /*Top Header*/
    .top_strap{height: 30px;}
    .top_strap_left a{font-size:12px;}
    .top_strap_left a::before{height: 15px; width: 15px;}
    .top_strap_container{justify-content: center;}
    
    /* -- HEADER WRAP -- */
    .header_wrap{height: 72px;}
    header .logo img{width: 140px;}
    .my_account::before{height: 24px; width: 24px;}
    .small_cart::before{height: 24px; width: 24px;}

    /* -- SEARCH WRAP -- */
    .search_wrap {background: #317142; padding: 12px 8px; height: 60px; box-sizing: border-box;}
    .search_container {width: 100%}
    .siteSearch {width: 100%; border:0; height: 35px; background: #fff; border-radius: 22px; padding: 0 6px 0 15px; box-sizing: border-box; align-items: center;}
    .siteSearch input{border: 0; font-size: 11px; color: #898989; padding: 0;}
    .siteSearch input::placeholder{font-size: 11px; color: #898989;}
    .siteSearch .searchButton{height: 25px; width: 25px; border-radius: 100%; background-size: 10px; background-color: #f06c00;}

    /* ----- MODULES ----- */

    /* -- 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.fullscreenwrap, div.fullscreenwrap  div { max-width:initial !important;}






} /* -------------------------------------------------------------------------------------------------------- MOBILE END  */