/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
i{font-weight:100; font-style:italic}


@font-face {
    font-family: 'droidSerif';
    src: url('font/droidserif-webfont.eot');
    src: url('font/droidserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/droidserif-webfont.woff') format('woff'),
         url('font/droidserif-webfont.ttf') format('truetype'),
         url('font/droidserif-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'openSans';
    src: url('font/opensans-light-webfont.eot');
    src: url('font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-light-webfont.woff') format('woff'),
         url('font/opensans-light-webfont.ttf') format('truetype'),
         url('font/opensans-light-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latoregular';
    src: url('font/lato-regular-webfont.eot');
    src: url('font/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lato-regular-webfont.woff') format('woff'),
         url('font/lato-regular-webfont.ttf') format('truetype'),
         url('font/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ font-family: "latoregular"; line-height: 1.2; color:#393423;}


.csstransitions .animate, .csstransitions #mainContent img, .blogListing  .col{-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}

.creamBG{background-color: #efeee4; width: 100%}
.greenBG{background-color: #005239; width: 100%}
.brownBG{background-color: #393423; width: 100%}
.gradBG{background: #fff url("../i/gradienRpt.jpg") repeat-x;}
.showMob{display: none!important}

.brdR ,#tesmSlider  li > div{border-radius: 3px}
.clear{clear: both}
	.hideMob{display: inline}
#header{height: 146px;position: relative}
.container{width:960px; margin: 0 auto}

#viewport{width: 100%; overflow-x: hidden; display: inline-block;vertical-align: top;}
#bodyWrapper, body, html{width: 100%}
/****** Nav ******/
#navWrap{ background-color: #efeee4; padding-bottom: 10px;border-bottom:1px solid #b7b7b7; box-shadow: 10px 0px 10px 5px #000}
.mainNav{display: inline-block;position: relative; width: 100%; min-height: 20px; z-index: 100; height: auto; padding-top:5px }
.mainNav a{ font-size: 90%;text-transform: capitalize;font-family: "droidSerif"; display: inline-block; }
.mainNav > ul > li {border: 1px solid transparent; display: inline-block;position: relative;list-style: none; padding-right: 5px; border-bottom: 0;}
.mainNav > ul > li > a {padding:25px 7px; text-decoration: none;color: #efeee4; }
.mainNav > ul > li:hover, .mainNav > ul > li.current-menu-item{ }
.mainNav > ul li:hover > a ,  .mainNav > ul li.current-menu-item > a,  .mainNav li.current-menu-parent > a, .mainNav .showSub > a{color: #c49109}
.mainNav ul  ul{position: absolute;padding-left: 0;z-index: 9999;display: none;list-style-type: none; background-color: #0b452e; left: -1px; width: 200px;border-radius: 0 0 5px 5px;padding: 10px; box-shadow: inset 1px 4px 15px -6px;}
.mainNav  > ul > li > ul{border-top:0;}
.mainNav > ul > li:hover > ul{display: block}
.showSub > ul {display: inline-block!important;}
.mainNav ul ul li  a {display: inline-block;  color: #efeee4; text-transform: capitalize; font-size:100% ; text-decoration: none; font-family: "latoregular"; width: 180px;padding: 10px 0; margin: 0 10px; background: url('../i/yellowArrow.png') no-repeat 0 50%; padding-left: 15px; }
.mainNav ul ul li {display: block; position: relative;}
.mainNav > ul > li > ul > li:first-child a {	border-top:0 }
.mainNav ul ul li:hover ul{display: block}
/*** third level menu ***/
.mainNav ul ul ul{margin-left:10px}
.mainNav ul ul ul > li:first-child a { border-top:0 }
.mainNav ul ul ul { position: absolute; left: 190px; top:-1px}

/*** Sticky Nav ****/
.stickyNav #navWrap {position: fixed; top:0; height: 70px;z-index:10001;padding-top: 10px; box-shadow: 0px 0px 10px 5px #ccc}

/* Search ===============================*/
.searchCont{ width: 325px; height: 20px;float: right; display: block; border-bottom: 1px solid #b7b7b7; margin-top: 17px;}
.searchCont form{position: relative;display: block;}
.searchCont form label{display: none;}
.searchCont input[type="text"]{ border: 1px solid #dad9ce; width: 280px;padding:8px 35px 8px 10px;}
.searchCont input[type="submit"]{text-indent: -9999px;position: absolute; top:10px; right: 12px; border: 0; background: url("../i/searchButton.jpg") no-repeat; width: 16px; height: 16px}
.st-result-text h3 a{ font-size: 20px; }

/*********************/
#mainContent{background-color:#fff; width: 100%}
#mainContent a{color: #005239}
/**** Logo ********/ 
.logo{ position: absolute; left: 50%; margin-left: -130px; top:5px;  width:260px;z-index: 10000}

/************/
a.reset_variations{display:inline-block; margin-top: 6px;}
.headerRightSide{width:325px;top: -200px; position: relative;float: right; height: 1px;}
.cartCont{ padding-bottom: 16px; border-bottom: 1px solid #9b998c }
.cartCont a{color: #393423;margin-left: 9px; font-size: 100%; text-decoration: none} 
.cartCont a:first-child{margin-left: 0}
.cartItems  span{font-size:124%}
.cartItems p{display: inline;}
.callUsCont{width:325px; position: relative; float:left; padding-top:25px ; padding-left: 10px}
.callUsCont span{display: block; font-size: 87%}
.callUsCont span + span{ font-size: 180%; margin-top: 5px}
.callUsCont span + span +span { font-size: 87%}
.LeftNavSlide {display: none!important;}
.mobMenu, .LeftNavSlide{background:transparent url('../i/navMobIcon.jpg') no-repeat; padding-left: 30px ; padding-top: 3px; vertical-align: middle;}
.mobSrch{background:transparent url('../i/searchIcon.jpg') 0 2px no-repeat;padding-left: 25px; margin-left: 10px; padding-top: 3px; vertical-align: middle;}
.mobMenu, .mobSrch{display: none; position: relative;z-index: 11; text-transform: uppercase;font-size: 82%;}

#device{ text-indent: -9999px; height: 0; font-size: 0; margin-left:0px}
.button{ font:700 85% "openSans"; text-transform: capitalize;padding: 12px 15px; border-radius: 3px;margin-bottom: 20px; display: inline-block;text-decoration: none;}
.whiteBtn{ color: #fff!important; border: 1px solid #fff!important;padding: 18px 40px}
.csstransitions .button.animate:hover{margin-top:-5px; margin-bottom: 25px}
.greenBtn{background-color: #005239; color: #efeee4!important}


/***** Feature Box F==============================*/
.featureBox{border-top: 1px solid #e4e3e3; padding: 40px 0; border-left:0; border-right: 0;}
.featureBox .title{color: #005239}
.centerAlignBox{text-align: center}
.featureBox.greenBG, .featureBox.greenBG .title{color: #fff}
.col{float: left; padding: 1%;}
.twoCol .col{width: 48% }
.twoCol img{max-width: 360px; margin:0 auto;  display: block;text-align: center}
.featureBox .threeCol, .fourCol{text-align: center;}
.threeCol .col{width: 31%;}
.threeCol .title{color: #005239}
.threeCol  img{max-width: 270px}
.infoBox > * {margin-bottom: 20px;display: inline-block;}
.fourCol .col{width: 22%}
.featured-item a img{ height: auto; width: 270px;}
.borderBox { border-top: 1px solid #dadad7; margin-top: 20px;text-align: center;}
.borderBox > .col{margin-top: 1px; border-left: 1px solid #dadad7; }
.borderBox > .col:first-child{border-left: 0}
.borderBox a{display: block; margin-top: 10px; padding-top: 20px;  border-top: 1px solid #dadad7; color: #005239;padding-bottom: 15px}

/************ Nutritional Information ************/
.nutritional-info-container{width: 411px;overflow: hidden;border: solid 1px #e0e0df;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: url('../i/select-arrow.png') no-repeat right;}
.nutritional-info{color: #94948b;border: none;font-size: 16px;height: 34px;background: transparent;
    appearance: none;-moz-appearance: none;-webkit-appearance: none;width: 430px;padding-left: 7px;}
.nutritional-info-image{padding-top: 20px;}
.nutritional-info-image img{max-width: 40%}
.nutritional-info-image img.landscape-ni{max-width: 100%;}
/* Footer ===============================================*/
#footerWrap{padding: 40px 0 0px;color:#dcdbd4;text-align: left;background-color: #564a34;}
#footerWrap a {color:#dcdbd4}
#footerWrap .container > .col{width:23%} 
#footerWrap .container > .col > span, .storeHours > span{ color: #fff; font-size: 92%;font-weight: 700;text-transform: uppercase;padding-bottom: 10px; border-bottom: 1px solid #897b60; margin-bottom: 10px; display: block;background: url('../i/contHIcon.png') no-repeat; padding-left: 30px;}
#footerWrap .container > .col > span a {text-decoration: none;color: #fff; font-weight: 700;text-transform: uppercase;}
.instaWrap > span {background-image: url('../i/instaHIcon.png')!important;}
.linksWrap > span {background-image: url('../i/linksHIcon.png')!important;}
.twitterWrap > span {background-image: url('../i/twiitHIcon.png')!important;}
/*** store hours footer ***/
.storeHours > span{background-image: url('../i/storeHIcon.png')!important;border-bottom: 0}
.storeHours  p{padding-bottom: 0}
#footerWrap p{font-size: 92%; display: block; margin-bottom: 20px; margin-top: 10px}
/*** footer links ***/
.footerLinks li{padding-bottom: 7px;}
.footerLinks a {text-transform: uppercase;text-decoration: none; font-size: 82%}
#footerWrap .footerLinks a:hover{color: #fff}
.copyRights {padding: 10px 0; border-top: 1px solid #4c4737; font-size: 100%; background-color: #373023; color: #ddd3c0}
.copyRights p{display: inline-block;padding-top: 5px}
.sfx-cms{text-decoration: none;color: #ddd3c0;display: inline-block;}
.sfx-cms:hover{color: #fff;}
.contactWrap p { }
.contactWrap p span{font-weight: 700; color:#fff}
/*** Social Icons ******/
.socialMediaIcons {display: inline-block;float: right;}
.socialMediaIcons a{background: transparent url('../i/twitIcon.png') no-repeat; width: 30px; height: 30px; display: inline-block; float: left}
.socialMediaIcons a + a { background-image: url('../i/fbIcon.png');margin-left: 10px}
.socialMediaIcons a + a + a{ background-image: url('../i/pinIcon.png');}
.socialMediaIcons a + a + a + a{ background-image: url('../i/instaIcon.png');}
.socialMediaIcons a + a + a + a + a{ background-image: url("../i/youTIcon.png");}
/*** hover ****/
.socialMediaIcons a:hover{background: transparent url('../i/twitIconHv.png') no-repeat}
.socialMediaIcons a + a:hover{ background-image: url('../i/fbIconHv.png');margin-left: 10px}
.socialMediaIcons a + a + a:hover{ background-image: url('../i/pinIconHv.png');}
.socialMediaIcons a + a + a + a:hover{ background-image: url('../i/instaIconHv.png');}
.socialMediaIcons a + a + a + a + a:hover{ background-image: url("../i/youTIconHv.png");}
.storeHours{background-color: #443a28;padding: 17px; border-radius: 3px}
/* Inside Pages ======================================== */
/* Locations =============================*/
#home .locContainer img{ margin-top: -5%}
.locContainer{  max-height: 260px; min-height: 260px; text-align: center;position: relative;}
.coverImg{ width: 100%; overflow: hidden}
.coverImg img{width: 100%; height: 100%}
.locContainer .textWrap { position: absolute;top:0;width: 100%;color: #fff;padding-top: 55px}
.title{ font-size:162%;/*font-weight: 700;*/}
.title2{ font-size:112% }
.locContainer .container > *{ margin-bottom: 20px; display: inline-block;}
.locContainer .container > p{display: block;}

/** shipping box ***/
.shipIcon{background: transparent url('../i/shipIcon.png') no-repeat;width:59px;height:32px; display: block; }
.pickUpIcon{background: transparent url('../i/pickUpIcon.png') no-repeat;width:47px;height:29px; display: block; }
.shipping_calculator h2 a{text-decoration: none;}
.shipping_calculator h2 a::before{content: '*' ;}
.shipping_calculator .shipping-disclaimer{color: #777; font-size: .83em; text-align: right; padding-top: 20px;}
/*** side Navigation ***/
.sideNavWrap{display: none;}
.sideNav > ul > li, .sideListing{padding: 15px 0}
.sidNavBtn{ display: block; padding: 0 0 10px 0; font-size: 18px }
.sideNav li{ color: #393523;list-style-type: none; border-top:1px solid #d8d8d2; font-size: 85%;text-transform: capitalize;}
.sideNav li a, .sideListing a {text-decoration: none; color: #393523!important}
.sideNav .current_page_item, .sideNav > ul > li:hover{ color: #c49109;-webkit-transition: color 400ms, -moz-transition: color 400ms;-ms-transition: color 400ms;-o-transition: color 400ms;transition: color 400ms;} 
.sideNav .current_page_item a, .sideNav > ul > li:hover a{color: #c49109!important}
.sideListing{border-top: 1px solid #ddd;}
.category .sideNavWrap, .single .sideNavWrap{display: block;}
/**************/
.headWithRightArea{border-bottom: 1px #dadad7 solid;padding-bottom: 10px; margin-bottom: 20px}
.headWithRightArea .title{ display: inline-block;}
.headWithRightArea .instaIcon{float: right; background: transparent url('../i/instagramIcon.png') no-repeat; padding: 5px 0 5px 35px; }
/*** Social Box ****/
#socialBox{}
#socialBox .twoCol > .col{padding: 0; width: 50%}
#socialBox .twoCol .twoCol { margin-top: 10px;}
#socialBox .twoCol .twoCol .col{ width: 23%;  padding: 1%}
#socialBox .twoCol .twoCol .col + .col{ width: 73%}
#socialBox .infoBox{width: 90%}
/** Main Slider ***/

#mainSlider {visibility: hidden; width: 100%}
#mainSlider .bx-wrapper .bx-viewport { max-height: 550px}
.bx-wrapper {position: relative;	/*margin: 0 auto 60px;*/padding: 0;/*	*zoom: 1;z-index: -1*/ width: 100%}
.bx-wrapper img {display: inline-block}
.bx-wrapper .bx-viewport {background: #fff}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {	position: absolute;bottom: 30px;width: 100%; z-index: 1} 
.slideInfo{position: absolute;top:12%;width: 100%}
.slideInfo .infoBox{ padding: 110px 25px 0; background: transparent url('../i/rheo-slider-circle.png') no-repeat; width: 277px; height: 250px;text-align: center;margin: 0 auto;}
.slideInfo .infoBox p , .slideInfo .infoBox h2{display: block;}
.bx-wrapper img{width: 100%; max-width: 2000px; height: 100%}
.slideInfo .button{background-color: #c49109; color: #fff;padding: 10px 30px; }

/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block}
.bx-wrapper .bx-pager.bx-default-pager a {background: #89a698;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #005239}

/***** tesm ***/
/*#tesmSlider .bx-viewport{padding-bottom: 50px;padding-top: 20px;background-color: transparent; height: auto!important}*/
#tesmSlider li{width: 30%; float: left;text-align: center;margin-right: 3%; color: #564a34}
#tesmSlider li > div.testInfo {   border: 1px solid #e4e3e3; padding: 5%;position: relative; background-color: #fff; box-shadow: 0 0 3px 0 #d1d0c0; height: 70px}
#tesmSlider li .ballonIcon{ background: transparent url("../i/ballonDownIcon.png") no-repeat 50% top; width: 100%; border: 0; margin-top:-1px ; padding-top: 20px; position: relative;}  
#tesmSlider li > div.testInfo p {display: table-cell; vertical-align: middle; }
/*#tesmSlider .bx-wrapper .bx-pager{bottom: 0}*/
#tesmSlider li > div p{ display: block;padding-bottom: 10px;}
#tesmSlider p.Name{ font-size: 110%;font-style: italic;}
#tesmSlider li.odd .ballonIcon{ background: transparent url("../i/testBallonR.png") no-repeat; left: auto; right: 30px}
/*.treeColConst img{ width: 31%;margin-right: 1%} 
*/
.AlpinePhotoTiles_cascade_column img{ max-width: 85%!important; border:5px solid #fff; }
/**** Landing Pages ***/
#sectionLanding .sideLeftNav .col  .featureBox, #page-content .featureBox{ border-top:0;padding: 14px 2%; width: 96%}
#sectionLandingImg img{ width: 100%; height: 100%}
.rheoTl{display: none;}
/*** about us section landing ****/
.page-template-section-about-us-php .contentInfo{ width: 60%; text-align:center; margin: 0 auto; padding: 20px 0 }
.breadcrumbs, .woocommerce-breadcrumb{padding: 10px 0!important;font-size: 82%!important;text-align: left;margin: 0!important}
.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb{color: #393423!important}
.breadcrumbs a, .woocommerce-breadcrumb a{color:#005239; text-decoration: none;}
.breadCrumbWrap, .breadCrumbWoo{ border-bottom: 1px solid #ddd}
/** page templates ***/
.page-template .breadCrumbWrap{margin-bottom: 0}
/**** meet the team ***/
.meetTheTeam {text-align: center;}
.meetTheTeam .col{ width: 21%;padding:4% 2%}
.meetTheTeam .col img{width: 86%}
.meetTheTeam .name{ font-size: 125%; display: block;padding-top: 15px;padding-bottom: 10px;}
.meetTheTeam img:hover{margin-top: -10px; margin-bottom: 10px;}
/*** Main Page title ***/
.mainPageTitle, .page-title{border-bottom:1px solid #dadad7; text-transform: capitalize;font-size: 200%;padding: 12px 0; margin-bottom: 10px}
/** contact us Page title ***/
#contact-us .mainPageTitle { text-align: center;}
.subTitle{ font-size: 112%; padding-bottom: 10px}
#page-content .sideNavLeft > .col + .col, #page-content > .sideNavLeft > .container > .col + .col {padding: 1%;margin-top: 15px;}
/*** Blog section ***/
.sideNavRight > .container > .col + .col,  .sideNavLeft > .container > .col + .col{float: left; width:74%; margin-top: 15px;} 
.sideNavRight > .container > .col, .sideNavLeft > .container > .col  {float: right;width: 21%;border-right: 0;} 
.sideNavLeft > .container > .col + .col, .sideNavLeft > .container > .col{float: left;}
.sideNavLeft > .container > .col + .col {border-right: 0; min-height: 600px}
.postDetails p{margin-bottom: 10px;display:block;}
.postDetails h1{margin-bottom: 20px}
.postDetails img{width: 100%; height: auto;}
/** add this **/
.addthis_toolbox{ padding-top: 25px}
/**** wp Pager ***/
.wp-pagenavi {display: inline-block; margin:0 auto; border-radius: 3px ;border: 1px solid #e0dadf; overflow: hidden}
.wp-pagenavi a, .wp-pagenavi span {margin-left:-1px; border-right:0; padding:7px 13px; border-left: 1px solid #e0dadf;display: inherit; text-decoration: none }
.wp-pagenavi .pages{display: none;}
.wp-pagWrap {display: block; padding: 20px 0;text-align: center;}
.wp-pagenavi .current{background: #f7f6f7;color: #998896;}
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #e0dadf; font-weight: 100;}
/** comments section ***/
/*Comment Output*/
.postDetails #comments{ padding-top: 20px}
.postDetails #comments p{display: block;clear: both;}
.postDetails #comments .comments-title{font-size: 120%; padding-bottom: 10px; }
.postDetails #comments .reply { text-align: right;}
.postDetails #comments .vcard cite.fn { vertical-align: top;margin-left: 6px; text-transform: capitalize;}
.postDetails #comments .vcard span.says { display: none}
.postDetails #comments .vcard img.photo { max-width: 32px}
.postDetails #comments .vcard img.avatar {max-width: 32px}
.postDetails #comments .vcard cite.fn a.url {vertical-align: top}
.postDetails #comments .commentmetadata {margin-left: 40px; margin-top: -20px; margin-bottom: 10px}
.postDetails #comments .commentmetadata a {font-size: 82%}
.postDetails #comments  div.comment-body{ padding-bottom: 20px}
.postDetails #comments li { padding: 10px 0 0; border-top:1px solid #005239; display: block;}
.postDetails #comments li ul { margin-left: 10px}
.postDetails #comments  .comment-awaiting-moderation + br + .commentmetadata{margin-top: -40px; margin-bottom: 20px}
.comment-form-comment label{vertical-align: top;}
.postDetails #comments .aiowps-captcha-equation input[type="text"]{width: 60px!important}
#comments .form-allowed-tags{display: none !important;}
/**********/
/** History page ***/
.rightImg > .container > .col + .col, .leftImg > .container  > .col + .col{ width: 65%}
.leftImg > .container > .col, .rightImg > .container  > .col { width: 31%}
.rightImg > .container > .col {float: right!important}
.rightImg img ,  .leftImg img{ width: 100%; height: 100%}
/*** inner pages ***/
.contentInfo p{margin-bottom: 20px; display: block;}
.contentInfo h2 , .contentInfo h3 , .contentInfo h4 { font-weight: 700;}
.contentInfo h3 { font-size: 120%; padding-bottom: 20px}
.contentInfo ul{list-style-type: square;padding-left: 40px;padding-bottom: 20px}
.contentInfo  table { width: 100%; border:1px solid #ddd }
.contentInfo  table th { background-color: #efeee4; color:#393423;font-weight: 700;}
.contentInfo  table td, .contentInfo  table th {padding: 10px;}
.contentInfo ul li{margin-bottom: 20px}
.contentInfo ol {list-style-type: decimal;padding-left: 40px;padding-bottom: 20px}
.leftAlign{text-align: left;}
/*** Contact us Page ****/
.contactUs{min-height: 390px!important; max-height: 390px!important}
.contactUs p{ text-align: center;display: block!important;}
.contactUs a{color: #fff!important}
body.page-template-page-contact-us-php #tesmSlider{display: none}
.joinUs > *{ display: block;text-align: center;}
.joinUs .socialMediaIcons { float: none}
.joinUs  .socialMediaIcons a{background: transparent url('') no-repeat; width: 70px; height: 70px}
.joinUs  .socialMediaIcons a + a { margin-left: 10px}
.storeMap h2{ text-align: center; padding-bottom:20px }
 #map_canvas {width: 100%;height: 400px;background-color: #ccc}

/** blog listing ***/
.blogListing  a.itemtitle {color: #005239; font-size: 140%; text-decoration: none;}
.listItem .date{ margin: 10px 0; font-style: italic;font-weight: 100}
.listItem{ margin-bottom: 10px; padding: 15px 0; border-top: 1px solid #ddd;display: block;}
.blogListing .listItem:first-child{border-top: 0;}
/** excerpt More Link ***/
.ecae-link{ font:75% "droidSerif"!important; margin-top: 15px; text-transform: uppercase;padding: 15px 30px; border-radius: 3px; display: inline-block!important; color: #fff!important; background-color: #005239;}
/* woocommerce ======================================*/
.woocommerce{ display: inline-block; width: 100%}
.woocommerce .term-description{display: none;}
.star-rating{color: #847145 }
.woocommerce ul.products li.product .price{color: #000!important}
.onsale{ margin: 6px!important; background: #847145!important}
.woocommerce-page #orderByCustom + ul.products , .related ul, .upsells ul, .favWrap ul{  overflow-x: hidden;overflow-y: visible;  border-top:1px solid #ddd ; display: block;width: 100%;padding-top: 20px!important;}
.woocommerce ul.products li.product, .woocommerce-page + ul.products li.product,  .related li, .upsells li , .favWrap li{width: 22.2%!important; border:0; background-color: #f9f9f6; margin-left: -1px!important;  position: inherit!important;overflow: visible;min-height: 330px; display:block; height: 100%;text-align: center; margin-bottom: 3%!important}
.woocommerce-checkout .page_item{display: none;}
.woocommerce ul.order_details{ padding-top: 20px}
.woocommerce ul.products li.product a img{box-shadow: none!important}
.woocommerce h2{ padding:10px 0; font-size: 112%; font-weight: 700;}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {padding: 0 2%!important;display: inline-block!important; color: #393523!important}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{color: #c49109!important; font-weight: 700!important;padding-top: 5px}
.woocommerce ul.products li.product > a:first-child{min-height: 260px;display: inline-block; width: 100%}
.myaccount_address {padding-top: 10px}
.woocommerce-page  ul.products .star-rating{ display: none;}
.woocommerce  .woocommerce-result-count span{font-weight: 700;}
.woocommerce .page-title{border-bottom: 0; margin-bottom: 0;padding:5px 0!important}
.pp_woocommerce .ppt,.pp_woocommerce .pp_description{display: none!important}

/**** Home page modules ****/
.favWrap li{text-align: center;}
.favWrap li .star-rating{margin: 0 auto 5px!important}
.favWrap h2{padding-bottom: 10px}
/* woocommerce Side navigation */
.add_to_cart_button, .woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button,
 .woocommerce-page div.product form.cart .button, .form-submit input#submit,.woocommerce .button, .gform_button{background: #005239!important; color: #efeee4!important;  font:700 85% "openSans"!important;padding: 10px 12px!important; border-radius: 3px!important; display: inline-block!important;
 text-shadow: none!important; border-color:#005239!important; border: 0!important; -webkit-appearance: none;
 -moz-appearance: none; appearance: none; position: inherit!important}
.woocommerce ul.products li.product  h3{color: #005239}
.added.add_to_cart_button:before{display: none;}
/*** add to cart button ***/
.add_to_cart_button:hover, .woocommerce #content div.product form.cart .button:hover, .woocommerce div.product form.cart .button:hover, .woocommerce-page #content div.product form.cart .button:hover,
 .woocommerce-page div.product form.cart .button:hover, .form-submit input#submit:hover ,.woocommerce .button:hover, .gform_button:hover{background-color:#c49109!important;}
a.add_to_cart_button.product_type_simple{background:#005239 url('../i/cartIcon.png') 90% 50% no-repeat!important; padding-right: 35px!important;}
/*** woo commerce tabs ***/
.woocommerce-tabs{}
.woocommerce-tabs ul.tabs{padding: 0!important; border: 1px solid #005239!important; border-radius: 3px; display: inline-block}
.woocommerce-tabs ul.tabs::before, .woocommerce-tabs ul.tabs::after{display: none!important}
.woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li{background: #fff!important; border-radius:0!important;color: #005239; border: 0!important; margin: 0!important; padding:20px ; box-shadow: none!important;}
.woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background: #005239!important;color: #fff; }
.woocommerce-tabs ul.tabs li a {font-weight: 100!important;color: #005239!important;}
.woocommerce-tabs ul.tabs li a:hover{color: #005239!important;}
.woocommerce-tabs ul.tabs li.active a{color: #fff!important}
.woocommerce-tabs ul.tabs li:before, .woocommerce-tabs ul.tabs li:after{ display: none;}
.woocommerce-tabs .panel.entry-content h2{font-size: 112%!important;padding-bottom: 20px}
#orderByCustom { border:1px solid #ddd;display: inline-block; float: right; background:url('../i/select-arrow.png') no-repeat right;cursor: pointer;
 padding-right: 40px; min-height: 25px; border-radius: 3px;padding-top: 5px;margin-bottom: 15px;margin-top: -10px; overflow: hidden}
#orderByCustom .woocommerce-ordering{margin: 0!important}
#orderByCustom .woocommerce-ordering select{width: 140%; border: 0; background: transparent;-webkit-appearance: none;
-moz-appearance: none;appearance: none; color: #393423; cursor: pointer; font: 15px "latoregular", Arial;}
.woocommerce table.variations select{font:14px "latoregular", Arial;color: #393423}
/*** woocommerce details ***/
.product_title{font-size: 212%}
div.product .entry-summary{padding-top: 10px}
.woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page div.product form.cart .button{padding: 8px 15px 8px 15px!important}
p.price, span.price{color: #393423!important;font-size: 100%!important; text-decoration: none!important}
p.price, form.cart{ padding: 10px 0}
form.cart{margin-bottom: 10px!important}
.stars a{color: #847145!important}
.wc-forward::after, .wc-backward::before{display: none;}
.product .related h2, .upsells h2{font-size: 125%!important;border-bottom: 1px solid #dadad7; text-align: center; padding-bottom: 10px;  text-transform: uppercase;/*margin-bottom: 20px*/}
/*** woo commerce Comment section ***/
ol.commentlist .comment-text{ border-color: #005239!important}
ol.commentlist .comment-text strong{color: #005239}
#review_form_wrapper{/*border:1px solid  #b6b6b6!important; border-radius: 3px;*/ padding: 10px}
h3.comment-reply-title{ font-size: 120%!important;padding-bottom: 10px}
.comment-form-rating label, .comment-form-comment label{ font-size: 110%!important;padding-bottom: 10px;display: inline-block;}
.related li, .upsells li{width: 21%!important}
/*** car Page ***/
.woopageWrap{ min-height: 600px; padding-bottom: 20px}
.woopageWrap h2{font-size: 120%; margin: 10px 0 15px}
.woocommerce table.cart a.remove:hover{color: #fff!important}
.shop_table {margin-top: 20px!important;}
.shop_table thead tr th{background-color: #efeee4; color: #393423}
.shop_table input[type="submit"]{padding: 7px 10px!important}
.cart-empty{padding:10px 0 }
/*** woo commerce form ***/
.input-text{ background-color: #f9f9f8; border-radius: 3px; border:1px solid #dcdbd7; padding: 6px}
/*** my Account ****/
.col2-set.addresses { border-top: 1px solid #ddd; margin-top: 20px; border-bottom: 1px solid #ddd;display: inline-block;}
.col2-set.addresses .title{margin-bottom: 10px; font-size: 100%; border-bottom:1px solid #ddd;padding-bottom: 10px }
.myaccount_user{padding: 10px 0}
.myaccount_user{}
.col2-set.addresses  .col-1{ border-right: 1px solid #ddd}
.col2-set.addresses > div{padding: 2%; width: 45%!important; float: left!important; min-height: 100px}
form.login{margin-top: 0!important;}
.customer_details dt , .customer_details dd{padding-bottom: 10px}
.customer_details dt{float: left; width: 15%}
 .customer_details dd{float: left; width: 85%}

/** Gravity forms ****/
.gform_wrapper {margin:10px auto!important; width: 400px;display: block;}
.gform_wrapper form{display: inline-block;}
.gform_wrapper input[type="text"] , .postDetails #commentform input[type="text"],  .gform_wrapper textarea, .postDetails  #commentform textarea{background-color: #f9f9f8; border-radius: 3px; border:1px solid #dcdbd7; padding: 7px!important; width: 380px!important; font-size: 100%!important}
.gform_wrapper .gfield_label, .postDetails #commentform label {float: left;display: block; width:95px; margin-top:4px!important; color:#393423; font-weight: 100!important;}
.gform_wrapper li{vertical-align: top; padding: 10px 0}
.gform_button{float: right; cursor: pointer;}
.gform_wrapper .validation_error{font-size: 100%!important}
.gform_wrapper li.gfield.gfield_error{ border:1px solid #C89797!important; border-radius: 3px;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{margin-top: 0!important;}
#gform_confirmation_wrapper_1 #gform_confirmation_message_1{padding-bottom: 80px;padding-top: 10px;}

/*** Search ****/
.searchResult{padding: 10px 0}
.searchResult img{width: 100%}
.searchResult ul{overflow: hidden;}
.searchResult .mainPageTitle{margin-bottom: 0}
.gridview {}
.searchResult ul img{ border-bottom: 1px solid #ddd; margin-bottom: 10px}
.searchResult li{ width:20%; float: left; display: block; padding: 2.2%; border-left: 1px solid #ddd;margin-left: -1px; border-bottom: 1px solid #ddd; text-align: center;}
.searchResult  div.desc{display: none;}
.changeViews{ color: #393423; float: right; margin-top: -40px; padding-left: 25px; background: transparent url("../i/listViewIcon.png") no-repeat left ; cursor: pointer;}
.gridBtn{ background-image:url('../i/gridViewIcon.png')}
.listView  li > div{ float:left;width: 75%; text-align: left; padding-left: 3%;}
.listView  li{ width: 100%; float: left}
.listView  li img{ border-bottom: 0; width: 18%; float: left}
.listView  div.desc{display: block!important;}
.listView  li > div a{font-size: 110%; padding-bottom: 10px; display: inline-block;}
iframe[src$="about:blank"]{display: none;}
/**** Twitter ***/
.twitter-timeline { min-height: 240px; height: auto!important}
.twitter-timeline  .header{display: none}
.twitter-timeline .e-entry-content { font-size: 14px; color: #dcdbd4}
.twitter-timeline .thm-dark a:hover .ic-mask, .twitter-timeline .thm-dark a:focus .ic-mask{background-color: transparent!important}
.twitter-timeline .retweet-credit{color: #dcdbd4!important}
.twitter-timeline a{color: #dcdbd4!important}
.stream .tweet{ padding-left: 0!important}
.tweet .footer {display: none;}
.tweet .e-entry-title {font-size: 14px}
/*** wp lightbox ****/
div.pp_overlay{z-index: 99999!important}
div.pp_pic_holder{z-index: 100000!important}
/*** page with side nav ***/
.sideNavLeft .sideNavWrap{display: block;}
.sideNavLeft .sideNavWrap li a {width: 89%; display: inline-block; padding-right: 15px;}
.sideNavLeft .sideNavWrap li a:hover, .sideNavLeft .sideNavWrap li:hover a{ background: url('../i/yellowArrow.png')  145px 50%  no-repeat; }

/*** shipping page ***/
.shipInfoWrap{padding: 10px 0}
.page-id-1428 .mainPageTitle, .page-id-1430 .mainPageTitle{display: none;}
.titleWIcon {border-bottom: 1px solid #e0e0df;width: 100%;padding-bottom: 10px; padding-top: 15px; margin-bottom: 15px}
.titleWIcon span{ float: right;}
.titleWIcon br, .titleWIcon p {display: none;}
.titleWIcon h2.title{text-transform: none; font-weight: 100; display: inline-block;float: left; font-size: 200%; }
.home .breadCrumbWrap, .woocommerce  .breadCrumbWrap{display: none}
#page-content { min-height: 750px; padding-bottom: 30px}
/*** find our product map ***/
.iframeFindProd{width:100%!important; margin-top: 20px}
.findOurProdPage{width:100%;}
.findOurProdPage p{width: 100%}
/**** instagram ***/
.AlpinePhotoTiles-by-link{display: none!important;}
.mobile-tollfree{display: none}

/*** our chocolate timeline ******/
.chocolateTimeline{ background:transparent url('../i/timelineHbg.png') 44px top repeat-y ; margin-top: 30px;}
.timelinerow{ visibility: hidden;margin-bottom: 30px; width: 100%;margin-top: -30px; display: block; clear:both; background: transparent url('../i/roundCircle.png') 35px 50% no-repeat;}
.timelinerow.on{visibility: visible}
.timeCont {padding-left:109px; display: inline-block; width: 602px; background-position: 79px 0; background-repeat: no-repeat;}
.timelinerow .time {padding-top: 28px; display: inline-block; font: 30px "droidSerif"; color: #c49109; text-align: center; }
.timelinerow .eventH{ width: 256px; color: #fff;padding-top: 5px}
.timeInfo { float: left;}
.timelinerow img{float: right; border-radius: 0 3px 3px 0 }

.t1969{background-image: url("../i/1969Bg.png");}
.t1971{background-image: url("../i/1971Bg.png");}
.t1985{background-image: url("../i/1985Bg.png");}
.t1989{background-image: url("../i/1989Bg.png");}
.t1997{background-image: url("../i/1997Bg.png");}
.t2003{background-image: url("../i/2003Bg.png");}
.t2013{background-image: url("../i/2013Bg.png");}
.t2014{background-image: url("../i/2014Bg.png");}
.t19712{background-image: url("../i/19712Bg.png");}
/**** gallery *****/
.gallery-columns-3 .gallery-item{ width: 25%!important;}
.gallery-caption{display: none;}
.gallery-columns-3 br{display: none;}
.gallery-columns-3 img {border:4px solid #efeee4!important}
/**** Social media ****/
.single-post lr lrc:last-child, .single-post lr lrc:nth-last-child(2){
    display: none;
}
/**** Desktop Only ****/
@media screen and (min-width: 1025px) {
	
    /*** admin wp ***/
    .admin-bar.stickyNav #navWrap{top:32px!important}
    .admin-bar.stickyNav .sideNavWrap{ top:130px!important}
    /*** Sticky Nav ****/
    .stickyNav .logo{position: fixed; top: 5px; margin-left: -480px; z-index: 10002; display: inline-block;width: 180px; height: 110px;display: none}
	.admin-bar.stickyNav .logo{top: 35px}
	.stickyNav #bodyWrapper .mainNav{ display: none;}
	.stickyNav #navWrap {padding:10px 0 0}
	.stickyNav #navWrap .greenBG{padding: 20px 10px}
	.stickyNav .mainNav > ul{margin-left: 160px} 
	.stickyNav .mainNav > ul > li > a {padding:25px 8px}
	.stickyNav .sideNavWrap{ position: fixed;top:110px; width: 160px}
	.sideNav{ display: block!important}
    .sideNavWrap{background: #f3f3f1 url('../i/sideMTBorder.png') no-repeat left top; padding: 20px; margin-top: 30px; max-width: 160px}
	.sideNavWrap .bbor{ content: ""; width: 200px;background: #f3f3f1 url('../i/sideMbotBorder.png') no-repeat left top; margin-bottom: -20px; margin-left: -20px; height: 12px;display: block;}
    .recentPosts li{border-top: 1px solid #ddd}
	.recentPosts ul li:first-child{border-top: 0;}
	.postDetails, .blogListing{ min-height: 700px}
    #mobNav .mainNav > span{display: none;}
    #mobNav{position: fixed;z-index: 100003; /*min-height: 1400px;*/background-color: #005239; width: 160px; margin-left: -160px ;  opacity: 0; box-shadow: 0 0 10px #000}
	#mobNav .mainNav{padding-top: 0}
	#mobNav .mainNav ul{ padding: 0 ;margin: 0!important; } 
	#mobNav .mainNav li{ width: 100%; padding: 0 ; border: 0}
	#mobNav .mainNav > ul > li > a {padding: 25px 10px; border: 0!important}
	#mobNav .mainNav > ul > li:hover > ul, #mobNav  .showSub > ul { left: 160px; top:0;}
    #mobNav .mainNav > ul > li > ul {border-top: 1px solid #a09992!important}
	.stickyNav .headerRightSide{top:0; color:#fff; width: 100%; z-index: 10;position: relative;height: auto ; margin-top: -25px}
	.stickyNav .headerRightSide .cartCont{ width: 350px; float: right; border: 0}
	.stickyNav #navWrap a{color: #efeee4; cursor: pointer;}
	.stickyNav .LeftNavSlide{display: inline-block!important; margin-left: 180px; position: relative;z-index: 20}
	.stickyNav .mobSrch{ display: inline-block}
	.stickyNav .searchCont{display: none;height: auto;float: none; position: absolute;background-color:#efeee4;width: 98% ;padding: 1%; margin-left: -10px;z-index: 2;margin-top: 20px; border-radius: 3px; border: 1px solid #b7b7b7}
	.stickyNav .searchCont input[type="text"]{ width: 93%;padding: 8px 5% 8px 12px}
    /*** Search ****/
    .searchCont{display: block}

    /*** side Nav ***/
    .sideNavLeft > .container > .col + .col{margin-top: 30px;}
    /*** woocommerce ****/

    .favWrap li{min-height: 380px!important;}
    .favWrap li.product > a:first-child {min-height: 313px!important}
    
}

.payment_methods label{
	display: inline-block !important;
}

.gift_notes_label_checkout{
	padding:10px 0; font-size: 112%; font-weight: 700;
}

#order_comments{
	height: 100px !important ;
	font-size: 15px;
}
/** end of desktop ***/


/******* tablet ***********/
@media screen and (max-width: 1024px) {
  
	.slideCont{background-color: #005239}
	.slideCont  #navWrap{ left:240px}
	.stickyNav .slideCont #navWrap{position: relative}
	.hideTablet{display: none}
	.showTablet{ display: block}
	body{overflow-x: hidden; max-width: 100%; width: 100%;}
	#bodyWrapper{position: relative; width: 100%; z-index: 1}
	.slideCont #bodyWrapper{z-index: 1000; box-shadow: 0 0 10px #000}
	.slideCont  #mobNav{display: block; width: 240px;z-index: 0}
	.slideCont #bodyWrapper{position: fixed;}
    .slideInfo .infoBox{ padding: 70px 30px 0; background: transparent url('../i/rheo-slider-circle-small.png') no-repeat; width: 180px; height: 190px}
    .slideInfo .infoBox .title{font-size: 115%; height: 70px}
	.container{ padding: 0 2%; width: 96%}
	#navWrap .container{padding: 0%; width: 100%}
	.logo{ width:160px; position: relative;margin-left: 0;left: 0}
	/* Header =========================== */
	#header{height:115px}
	.headerRightSide{top:0; color:#fff; width: 100%; z-index: 10;position: relative;margin-top: -25px;height: auto}
	.headerRightSide .cartCont{ width: 350px; float: right; border: 0}

	/* Nav ================================ */
	.stickyNav #navWrap{padding-bottom: 0}
    #navWrap .mainNav{ display: none;position:absolute;top:0; left:-242px;padding-top: 0; width:260px; z-index: -1}
	#navWrap .greenBG{padding: 20px 10px}
	#navWrap a{color: #efeee4; cursor: pointer;}
    .showSub > ul {display: none!important;}
	.mainNav > ul{ background-color:#005239;}
	.mainNav > ul > li {display: block; border: 0;}
	.mainNav > ul li:hover ul {display: none}
	.mobMenu{display: inline-block}
	.mobSrch{display: inline-block}
	.callUsCont{width: 250px; padding:5px 0 0;float: right;}
	
    #mobNav{opacity: 1!important; margin-left: 0!important; box-shadow: none;position: absolute;display: block;z-index: -1; /*min-height: 1400px;*/background-color: #005239; width: 260px}
	#mobNav .callUsCont{ display: none;}
	#mobNav .mainNav{padding-top: 0}
    #mobNav .mainNav > ul > li > a {padding: 16px 0}
    #mobNav .mainNav > ul {padding: 0 20px; width: 200px}
    #mobNav .mainNav > ul > li{ border-top: 1px solid #073825;}
    #mobNav .mainNav > span {text-align: center; padding: 20px 0; display: block;text-transform: uppercase; color: #efeee4 ; font-family: "droidSerif"; letter-spacing: 3px}
	#mobNav .mainNav > ul > li.showMob{display: none;}
    /* Main Slider ========================*/
	#sectionLanding{margin-top: -1px}
	/* Search ==============================*/
	.searchCont{ /*top:188px;*/height: auto;float: none; position: absolute;background-color:#efeee4;width: 98% ;padding: 1%; margin-left: -10px;z-index: 2;margin-top: 0;}
	.searchCont input[type="text"]{ width: 93%;padding: 8px 5% 8px 12px}
	#device {margin-left:1px}

	/**** Cols ****/
	.fourCol .col{width: 31%}
	.fourCol .col + .col + .col + .col{display: none}

	#socialBox .twoCol .threeCol .col {width: 48%}
	#socialBox .twoCol .threeCol .col + .col + .col{display: none}
	#socialBox .twoCol .threeCol  img{ max-width: 100%}

	.sideNavRight > .container > .col, .sideNavRight > .container > .col + .col, .sideNavLeft > .container > .col + .col , .sideNavLeft > .container > .col {float: none;width: 98%; border: 0;}
	.sideNavRight > .container > .col + .col img{ width: 100%}
	/*** Footer ****/
	#footerWrap .container >  .col4 {float: left; margin-top:-60px }
	#footerWrap .container > .col {width: 31%!important; height: 261px}
	#footerWrap iframe{width: 100%!important}

	/*** side Navigation ***/
	.sidenavContainer{ padding: 10px 2%;/* background-color: #fff;*/}
	.sideNavWrap{padding:5px 0 5px 10px; display:block;position: relative; margin-top:20px ; border: 1px solid #e0e0df; border-radius: 5px;background: url('../i/select-arrow.png') no-repeat right;}
	.sidNavBtn { padding: 0; border-bottom: 0;font-size: 100%}
    .sideNavWrap .sideNav {display: none;position: absolute; width: 100%; left:-1px; background-color: #fff; border: 1px solid #e0e0df; top:40px; border-radius: 5px; z-index: 4; box-shadow: 0 0 2px 1px #eaeaea}
	.sideNavWrap .sideNav li{padding: 0 15px; font-size: 100% }
    .sideNavWrap .sideNav li:first-child{border: 0}
    .sideNavWrap .sideNav li a {display: block; text-decoration: none; color: #393423!important;padding: 15px 0;background-image: none!important;font-size: 100%}
	.sideNavProduct  ul li h3{ color:#fff!important}
    .sidNavBtn a { display: block; color:#fff!important}
    /*** page with left navigation ****/
    .sideNavLeft{width:100%}
    /*** inner pages ****/
     #page-content .gradBG{ display: inline-block;width: 100%}
	/*** Google Map ***/
	#map_canvas{padding-bottom: 60%; width: 100%; height: 40px}
	.contactUs img{ width: 150%;margin-left:-100px}
	.recentPosts .sidNav#tesmSlider liBtn{border-bottom: 0;padding: 0}
	.comment-form-comment #comment{width: 95%}
	/*** woocommerce *****/
    #orderByCustom .woocommerce-ordering select{width: 120%;  padding-left: 10px;}
    /** shipping ****/
    .titleWIcon span{ float: left; margin-right: 10px;}

    .favWrap li{min-height: 380px!important;}
    .favWrap li.product > a:first-child {min-height: 313px!important}

}
/**** end of tablet ****/
/*********** Mobile *********/
@media screen and (max-width: 768px) {
	img{width: 100%}
	.admin-bar.stickyNav .sideNavWrap{top:0!important}
	.showTablet{ display: none}
	.hideMob, #mainSlider{display: none!important}
	.showMob, .mobile-tollfree{display: block!important;}
	.callUsCont{ background-color: #efeee4; padding: 8px; width: 245px }
    #mainContent{ text-align: center}
    .gform_wrapper {max-width: 100%; width: 100%}
    .gform_wrapper form {display: inline-block;width: 100%}
    /** nav ***/
    .stickyNav #navWrap{padding-top: 0;height: 0}
    #navWrap{ padding-bottom: 0; border-bottom: 0;}
    #navWrap .greenBG{padding: 5% 10px; min-height: 20px}

    /*** bread Crumb ****/
    .breadcrumbs, .woocommerce-breadcrumb {display: none;}
    /**** Logo ********/ 

    .logo {width:30%; position: absolute; left: 50%; margin-left: -15%;z-index: 100000}
    .stickyNav .logo{position: fixed;} 
	#mobNav .mainNav{}
    #page-content .gradBG > .container {padding-top: 4%!important}


    /* Featured Items on Home page ================================ */
    .featured-item h3{display: block;}

	/*** Cart ****/
	.headerRightSide .cartCont{ display: inline-block; width: auto; margin-right: 5%;}
    .headerRightSide { width: 100%; margin-top: -25px;}

    .searchCont {margin-top: 5%;}
	.cartCont a {display: block; float: left;}
    .cartItems p{display: none;}
    .cartItems span{ background: url('../i/cartMobIcon.png') no-repeat right;  display: inline-block; padding-right: 35px;} 
    .cartItems:before{content: ' '}
	.infoBox > img  {display: block; text-align: center; margin: 0 auto}

	#header{height: 0;}
	.sideNavWrap{text-align: left;}
	/*.slideCont .callUsCont{ display: block; }*/
	
	/* Nav ================================ */
	.mainNav{top:auto}

    /* Search ===============================*/
    .searchCont input[type="text"]{width: 92%}
	.mobMenu, .mobSrch{padding: 0; text-indent: -9000px; width: 25px; height: 25px}
	#device {margin-left:2px}

	/* Locations ============================*/
	.locContainer{ max-height:310px;min-height:310px}
	.locContainer .textWrap{padding-top: 40px}
	.locContainer .title {font-size: 150%}
	.locContainer img{margin-top: 0;}

	/** Cols ===============*/
	.featureBox{padding: 20px 0}
	.twoCol .col,.threeCol .col{ float: none; width: 98%;}
	.fourCol .col{width: 47%}
	.fourCol  .borderBox  .col + .col + .col {  border-left-width: 0}
	.fourCol .col + .col + .col + .col{display: block; border-left-width:1px;}
	.borderBox{border: 0}
	.borderBox .col {  border-top: 1px solid #dadad7}
	.threeCol img, .twoCol img{width: 80%} 
	.rightImg > .container > .col, .leftImg > .container > .col{ width: 98%!important;padding: 3% 1%;}

	/*** Social module ****/
	.headWithRightArea .instaIcon{ float: none; display: inline-block; clear: both;}
	.headWithRightArea .title {display: block; padding-bottom: 10px;}
	#socialBox .twoCol .threeCol .col {float: left}
	#socialBox .twoCol .threeCol img{width: 100%}
	#socialBox .twoCol .col, #socialBox .twoCol .twoCol .col, #socialBox .twoCol .twoCol .col + .col  {width: 98%}
	#socialBox .twoCol .twoCol .col:first-child {padding: 3% 25%; width: 50%}
	/**** Sliders ******/
	.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {bottom: 10px}
	#mainSlider .bx-wrapper li{overflow: hidden;}
	#mainSlider .bx-wrapper .bx-viewport{min-height: 325px}
	#mainSlider .bx-wrapper img{width: 230%; margin-left: -100%;min-height: 325px}
    /*#sectionLandingImg img{ margin-left: -63%!important; width: 220%;min-height: 200px; }*/
	/***** footer ****/
	#footerWrap .container > .col{ width: 100%!important; float: none; margin: 0; height: auto}
	#footerWrap .container >  .col + .col + .col + .col {margin: 0;}
	.socialMediaIcons{float: none;}
	.meetTheTeam .col{ width: 44%;padding: 3%}
	/*** Social ****/
	.joinUs  .socialMediaIcons a{width: 50px; height: 50px}
	.joinUs  br{ display: none}
	.locContainer img ,.contactUs img{ width: 350%;margin-left:-361px}
	.blogListing, .woocommerce #mainContent,  .postDetails, .woopageWrap{text-align: left}

	/*** wooCommerce ****/
    .woocommerce .page-title{text-align: center}
    .woocommerce-result-count {float: none!important; text-align: center;}
    .woocommerce {text-align: left;}
	.woocommerce ul.products li.product, .woocommerce-page + ul.products {  }
	.woocommerce  ul.products li.product, .woocommerce-page  + ul.products li.product, .related li, .upsells li , .favWrap li { width: 46%!important; min-height: 0; height: 10px; padding-bottom: 75%!important}
	  
    .payment_methods img{width: auto}
    .woocommerce  .order_details li{margin-bottom: 10px}
    .woocommerce .paypal_checkout_button{ display: block; padding-top: 20px}
    .favWrap li{min-height: 0!important;}
    .favWrap li.product > a:first-child {min-height: 0!important}
    /** order by ****/
    #orderByCustom, .woocommerce-ordering{float: none!important;}   
    #orderByCustom {width: 90%; padding-right: 10%;}
    /*** account ***/

	.col2-set.addresses > div{ float: none!important; width: 96%!important;}
	.col2-set.addresses .col-1 { border-right: 0;}
	.col2-set.addresses .col-2{ border-top: 1px solid #ddd}
	.chosen-container{ width: 100%!important}
    /*** cutomer form ***/
    .customer_details dt ,.customer_details dd{width: 100% ; float: none;clear: both;}
    .customer_details dt{padding: 10px 0; font-weight: 700;}
	/*** Gravity Forms ***/
	.gform_wrapper .gfield_label{float: none;display: block; width:100%; margin-top:0px!important}
	.gform_wrapper input[type="text"],  .gform_wrapper textarea{padding: 2%!important; width: 94%!important}
	.gform_button{float: none;}
	/*** Search Results ***/
	.gridview li{ width:45%;text-align: center;}
    /*** testimo ***/
    #tesmSlider li {width: 100%}
    /*** Shipping disclaimer ***/
    .shipping_calculator .shipping-disclaimer{text-align: left;}

    /** Nutritional Information **/
    .nutritional-info-container{width: 100%;}
    .nutritional-info{width: 110%}
    .nutritional-info-image img{max-width: 100%;}
    /*** footer ***/
    #footerWrap .container > .col > span {margin-top: 20px;}
    #footerWrap  { padding: 2%}
    
    .copyRights{padding: 10px 0} 
    .copyRights .twoCol .col {text-align: center;}

    /*** comments****/
    .gform_wrapper input[type="text"], .postDetails #commentform input[type="text"], .gform_wrapper textarea, .postDetails #commentform textarea {width: 96%!important; padding:7px 2%!important}
    /***** title with icon ****/
    .titleWIcon {text-align: center;}
    .titleWIcon span{ float: none; margin:0 auto; display: inline-block;}
    .titleWIcon h2.title{float: none; clear: both; display: block;width: 100%}
    /*** home page ***/
    #socialBox .infoBox{width: 100%}
	/*** meet the team ***/
    .meetTheTeam .col{ width: 100%; padding: 3% 0;}
    .meetTheTeam .col img{ width: 200px;}
    /*** our chocolate timeline *****/
    .chocolateTimeline{ background:none;}
    .timelinerow{ visibility: visible;margin-bottom: 0; width: 100%;margin-top: 0; display: block; clear:both;padding-bottom: 20px;}
    .timelinerow .time {}
    .timelinerow .eventH{float: none; width: 80%; padding:5% 10% 8%;margin-left: 0!important;display: inline-block;font-size: 13px}
    .timelinerow.showCon .time{background-color: #fff; color: #877247}



    .timeInfo { float: none;}
    .timelinerow img{float: none; /*border-radius: 0 0 3px 3px */}

    .timeCont{background: #000!important; display: inline-block; width: 100%;padding-left: 0; border-radius: 3px}
    /*** iframe mobile ***/
    .contentInfo iframe{width: 100%!important}
    /**** photo gallery ****/
    .gallery-columns-3 .gallery-item{ width: 46%!important; padding: 0 2%}
    .gallery-columns-3 img{height: 100%!important;width: 100%!important;}
    .gallery-item dt{display: block;}

}
@media screen and (max-width: 600px){
	.admin-bar .stickyNav #navWrap{top:0!important}

}
@media screen and (max-width: 500px){
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .related li, .upsells li,  .favWrap li {height: 10px; padding-bottom: 95%!important}
    .nutritional-info{ font-size: 14px }
    .woocommerce-page table.shop_table th {padding: 9px 5px 9px 0!important }
    table.shop_table{font-size: 90%; }
    table.shop_table td{padding: 8px 0!important;}
    td.product-name a{ display: inline-block; max-width: 70px;padding-right: 5px; word-wrap:break-word;}
    .searchCont {margin-top: 3%;}

    .woocommerce ul.products li.product > a:first-child {min-height: 240px}
    .woocommerce ul.products li.product{height:40px!important}
}

/**** end of mobile ****/