/*************************************************************************************
IMPORTING EXTERNAL STYLES
*************************************************************************************/

@import url("css/fonts.css");

/* === Constant Classes ====*/

.clear, .clr { 
    display: block; 
    clear: both !important; 
}

.clearfix:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
}

html[xmlns] .clearfix { 
    display: block; 
}

* html .clearfix { 
    height: 1%; 
}

img.alignright {
    float:right; 
    margin:0 0 1em 1em;
}

img.alignleft {
    float:left; 
    margin:0 1em 1em 0;
}

img.aligncenter {
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}

.margin-top-none{
    margin-top: 0;
}

.margin-left-none{
    margin-top: 0;
}

.margin-right-none{
    margin-bottom: 0;
}

.margin-bottom-none{
    margin-bottom: 0;
}

.margin-none{
    margin: 0 !important;
}

.pull-right{
    float: right;
}

.flexslider { 
    position: relative;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    border:1px solid #313130;
    margin-bottom: 20px;
}

img { 
    max-width: 100%; 
    width: auto\9; 
    height: auto; 
    vertical-align: middle;
    border: 0; 
    -ms-interpolation-mode: bicubic; 
}

.context{
    overflow: hidden;
    _overflow: visible;
}

.navbar-brand{
    display: none;
}

hr{
    border-top: 1px solid #D8D5D5;
}

/* === Typography ==== */

body { 
    color: #000; 
    font-family: Arial, sans-serif; 
    font-size: 16px;
    padding: 0;
    margin: 0;
    background: #f7f6f1; 
}

a:link, a:visited { 
    color: #262626; 
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    line-height: 100%; 
    font-family: "brandon-grotesque",arial, sans-serif;
    font-weight: 400;
}

h1, .h1{
    font-size: 30px;
}

h2, .h2{
    font-size: 25px;
}

h3, .h3{
    font-size: 23px;
    margin: 10px 0;
}

h4, .h4{
    font-size: 20px;
    margin: 10px 0;
    font-family: 'gotham_mediumregular';
}

h5, .h5{
    font-size: 18px;
    margin: 10px 0;
}

h6, .h6{
    font-size: 16px;
    margin: 10px 0;
}

.u-case{
    text-transform: uppercase;
}

.c-case{
    text-transform: capitalize;
}

.l-case{
    text-transform: lowercase;
}

.strong{
    font-weight: bold;
}

.em{
    font-style: italic;
}

.center{
    text-align: center;
}

.alignright{
    text-align: right;
}

/* === Site Specific Classes ==== */

.wrapper { 
    max-width: 950px; 
    margin: 0 auto; 
    position: relative;
}

.full-width{
    min-height: 450px;
}

/* === Top Panel Styling === */

.top-panel{
    background:url(images/header-pattern.png) repeat;

}

.top-panel .wrapper{
    height: 56px;
    padding-top: 16px;
    margin-top: 5px;
}


.search-box form{
    width: 172px;
    padding: 0px 2px;
    background: #f7f6f1;
}

.search-box form input[type='text']{
    width: 137px;
    float: left;
    border: none;
    padding: 3px 6px 0;
    color: #808080;
    /* line-height: 18px; */
    text-transform: uppercase;
    background: transparent;
    font-size: 11px;
    letter-spacing:0.8px;
    font-family: "brandon-grotesque";
    font-weight: 700;
	height:21px;
}

.search-box form input[type='submit']{
    width: 22px;
    border: 0;
    float: right;
    cursor: pointer;
    height: 21px;
    margin-top: 3px;
    background: url(images/submit2.jpg) no-repeat;
}



	.is_mobile{
		font-size:0px;
	}
	
/* === Styling Header Panel === */
.separator{
    position: relative;
    border-top:2px solid #313130;
    z-index: 1000;
    background: url(images/header-pattern.png) left 4px repeat-x;
}

.separator .wrapper{
    position: relative;
    height: 26px;
}

.separator .wrapper ul{
    list-style-type: none;
    margin-top: -12px;
    padding: 0;
    text-align: right;
}

.separator .wrapper ul li{
    display: inline-block;
    background: #fff;
    margin-top: -12px;
}

.separator .wrapper ul li a{
    display: inline-block;
    padding: 8px 4px 8px;
    z-index: 100;
    text-decoration: none;
    color: #262626;
    text-transform: uppercase;
    font-size:11px;
    letter-spacing: 0.8px;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.separator .wrapper ul li a:first-child{
    padding-left: 10px;
}

.separator .wrapper ul li a:last-child{
    padding-right: 8px;
}

.separator .wrapper ul li span{
    font-size: 17px;
}

.separator .wrapper ul li span{
    font-size: 17px;
}

.separator .wrapper ul li a:hover{
    color: #ca857e;
}

.header-panel{
    background: #fff;
    border-bottom: 6px double #313130;
}

.header-panel .wrapper{
    height: 87px;
    padding-bottom: 3px;
    position: relative;
}

.header-panel .wrapper .site-logo{
    display: block;
    max-width: 224px;
    float: left;
    margin-top: 35px;
    float: left;
}

.img-array{
    width:130px;
    float: left;
    padding: 22px 0;
    margin-left: 36px;
    background: url(images/repeat-y.jpg) left 2px repeat-y,url(images/repeat-y.jpg) right 2px repeat-y;
}

.slogan{
    width: 258px;
    float:left;
    padding: 19px 20px;
    color: #262626;
    font-family: "brandon-grotesque";
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    background: url(images/repeat-y.jpg) right 2px repeat-y;
}


.address-info{
    width: 260px;
    float: left;
}

.slogan span{
    font-family: Kidorama;
    font-size: 18px;
    color: #262626;
    text-transform: none;
}

.register-number{
    width: 63px;
    background: url(images/no-bg.jpg) no-repeat;
    margin:16px 18px 10px 30px; 
    text-align: center;
    height: 35px;
    padding: 10px;
    float: left;
}

.register-number span{
    line-height: 40px;
    font-size: 30px;
    font-family: "brandon-grotesque";
    font-weight: 400;
}

.address{
    font-size: 13px;
    line-height: 19px;
    margin-top: 18px;
    letter-spacing: 0.4px;
    color: #000;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

/* === Content Panel Styling === */

.content-panel{
    background: #fbfaf7;
}
body.facials,
.facials .content-panel {
	background:#FAF2EF;
}
.facials .std {
	max-width:630px;
	margin:0 auto;
}

.content-panel .wrapper{
    min-height: 400px;
    padding:20px 0;
}

.content-panel .border-style{
    height: 34px;
    background: url(images/border-style.jpg) left top repeat-x;
    margin-bottom: 16px;
}

.content-panel .left-panel{
    width: 436px;
    padding-right: 38px;
    margin-right: 35px;
    float: left;
    border-right: 2px dotted #000;
}

.content-panel .headline{
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
    margin: 0;
    font-family: "brandon-grotesque";
    font-weight: 700;
    background: url(images/title-bg.png) no-repeat;
}

.content-panel .headline span{
    font-family: Kidorama;
    text-transform: none;
    font-weight: normal;
    font-size: 20px;
    padding-right: 3px;
    letter-spacing: 0px;
}

.quality-info{
    background: url(images/left-border.jpg) left center no-repeat,url(images/right-border.jpg) right center no-repeat;
    text-align: center;
}

.quality-info p{
    line-height: 12px;
}

.quality-info span{
    background: transparent;
    font-size: 12px;
    color: #333333;
    font-family: "brandon-grotesque";
    font-weight: 700;
    letter-spacing: 0.4px;
}

.slider-box{
    position: relative;
    margin-top: 12px;
}

.main-slider{
    margin-bottom: 25px;
}

.slider-box .flexslider{margin: 0 0 0px;}
.slider-box .flex-control-nav{bottom: -30px; display: none;}
.slider-box .flex-direction-nav a {width: 12px; height: 20px; margin: -10px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 100%; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 1; }
.slider-box .flex-direction-nav .flex-next {background-position: 100% 100%; right: 10px; }
.slider-box .flex-direction-nav .flex-prev {left: 10px;}
.slider-box .flexslider:hover .flex-next {opacity: 0.8; right: 10px;}
.slider-box .flexslider:hover .flex-prev {opacity: 0.8; left: 10px;}

.main-slider .flex-direction-nav a {width: 25px; height: 43px; margin: -22px 0 0; background: url(images/bg_direction_nav2.png) no-repeat 0 100%; }
.main-slider .flex-direction-nav .flex-next {background-position: 100% 100%; right: 30px; }
.main-slider .flex-direction-nav .flex-prev {left: 30px;}
.main-slider .flexslider:hover .flex-next {opacity: 0.8; right: 30px;}
.main-slider .flexslider:hover .flex-prev {opacity: 0.8; left: 30px;}


.banner-area a {
    margin-right: 10px;
    margin-top: 12px;
    display: inline-block;
    width: 48.2%;
}

.banner-area a:nth-of-type(even){
    margin-right: 0;
}

.top_custom-notification {
    background-color:#ca9c51;
    color:#fff;
    font-weight: 600;
    position: relative;
}
.top_custom-notification p {
    margin: 0;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    font-family: "brandon-grotesque";
}
.top_custom-notification .close {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 10px;
}
.top_custom-notification .close img {
    margin: 0;
    width: 10px;
}

.online-store-homepage .banner-area a{
    margin-right: 2%;
    width: 48.5%;
    margin-bottom: 25px;
}

.banner-area a img,
.online-store-homepage .banner-area a img{
    width: 100%;
    height: auto;
    border: 1px solid #313130;
}

.banner-area a:last-child{
    margin-right: 0;
}


.content-panel .right-panel{
    width: 436px;
    float: right;
}

.content-panel .headline{
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
    margin: 0;
    font-family: "brandon-grotesque";
    font-weight: 500;
    background: url(images/title-bg.png) no-repeat;
}

.content-panel .headline span{
    font-family: Kidorama;
    text-transform: none;
    font-weight: normal;
    font-size: 20px;
    padding-right: 3px;
    letter-spacing: 0px;
}


/* === Shop Dispensary Styling === */
.max-width{
    /* width: 565px;  */
    width: 750px;
    margin: 0 auto;
}
.top-menu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.top-menu li{
    margin: 0 8px;
    display: inline-block;
    padding-bottom: 18px;
}

.top-menu li a{
    text-align: center;
    color: #333333;
    text-decoration: none;
    text-transform: uppercase;
    font-size:12px;
    letter-spacing: 0.3px;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.top-menu li.current-menu-item a,
.top-menu li a:hover{
    color: #ca857e;
}

.page-title{
    padding: 0 10px;
    background:url(images/left-side-pattern.png) left top no-repeat,
                url(images/right-side-pattern.png) right top no-repeat;
}

.page-title h3{
    color: #fff;
    height: 30px;
    margin-top: 0;
    font-weight: normal;
    background:#262626 url(images/page-title-bg.png) left top repeat-x;
}

.page-title h3 a{
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 30px;
    width: 40%;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.page-title h3 a span{
    font-family: 'Kidorama';
    font-size: 20px;
    letter-spacing:0px;
    font-weight: 400;
}

.breadcrumbs span{
    color: #7B7B79;
    font-size: 11px;
    padding: 0 2px;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    font-weight: 500;
    letter-spacing: 0.4px;
}

.breadcrumbs a{
    text-decoration: none;
    font-family: "brandon-grotesque";
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #7B7B79;
}

.breadcrumbs a:hover{
    text-decoration: underline;
}

.brand-title-area{
    background: url(images/border-style2.jpg) top left repeat-x;
    height: 41px;
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center;
    padding-top: 9px;
}

.brand-title-area span{
    background: #F7F6F1;
    border: 2px solid #313130;
    padding: 1px 6px;
    font-size: 12px;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 0.4px;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.padding-right{
    padding-right: 40px;
}

.product-pic{
    width: 305px;
    height: 385px;
    overflow: hidden;
    background: #fff;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}

.content-holder h5{
    font-size: 17px;
    color: #333;
    line-height: 19px;
    letter-spacing: 0.1px;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.content-holder .details-info p{
    font-family: "brandon-grotesque";
    font-size: 17px;
    color: #333;
    line-height: 19px;
    letter-spacing: 0.4px;
    font-weight: 400;
}

.short-note{
    font-weight: normal;
    color: #333;
    margin-top: 5px;
    margin-bottom: 35px;
}

.short-note span{
    font-family: "brandon-grotesque";
    font-size: 13px;
    letter-spacing: 1.1px;
    padding:0 33px 22px;
    font-weight: 700;
    background: url(images/bottom-array-bg.jpg) bottom left repeat-x;
}

.short-note span em{
    font-style: normal;
    font-family: 'Kidorama-Bold';
    font-size: 20px;
    font-weight: normal;
}

/* === Shop Dispensary Clinic-01 Page Styling === */

.dispensary-client{
    max-width: 630px;
    margin: 0 auto;
    text-align: center;
    min-height: 500px;
    padding-bottom: 20px;
}

.our-treatments-panel{
    width: 175px;
    float: left;
    margin-left: 150px;
    min-height: 200px;
    text-align: center;
}

.our-practitioners-panel h3,
.our-treatments-panel h3{
    font-size: 18px;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.our-treatments-panel ul{
    margin: 0;
    padding: 0;
    list-style: none;
}


.our-treatments-panel ul li {
    margin-bottom: 20px;
	cursor: pointer;
}

.our-treatments-panel ul li a{
    text-decoration: none;
    text-transform: capitalize;
    font-size: 16px;
    display: block;
    padding-bottom: 5px;
    font-family: "brandon-grotesque";
    font-weight: 400;
}

.our-treatments-panel ul li.active a {
    text-decoration: underline;
}


.our-practitioners-panel{
    width: 390px;
    float: right;
    text-align: center;
}

.practitioner-info a{
    text-transform: capitalize;
    line-height: 25px;
    font-family: "brandon-grotesque";
    font-weight: 400;
}

.practitioner-info{
    padding-bottom: 12px;
    margin-bottom: 15px;
    border-bottom:2px dotted #4d4d4c; 
    font-family: "brandon-grotesque";
    font-weight: 400;
}

.practitioner-info img{
    margin: 0 5px;
}

.practitioner-info .education-info{
    font-size: 14px;
    font-style: italic;
    text-transform: capitalize;
    font-family: "brandon-grotesque";
    font-weight: 400;
}

.practitioner-info p{
    line-height: 18px;
    font-size: 14px;
    letter-spacing: 0.4px;
}

.padding-bottom{
    padding-bottom: 60px;
}

.brand-title-area span label{
    text-transform: lowercase;
}

.top-menu em{
    font-style: normal;
    text-transform: lowercase;
}

.testing-page{
    padding:0 40px;
}

.testing-page .functional-testing{
    width: 355px;
    float: left;
    text-align: center;
}

.testing-page .our-tests{
    width: 338px;
    float: right;
    text-align: center;
}

.testing-page h3{
    color: #262626;
    font-size: 18px;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.testing-page p{
    line-height: 18px;
    font-size: 15px;
    letter-spacing: 0.4px;
    font-family: "brandon-grotesque";
    font-weight: 400;
}

.border-none{
    border-bottom: 0;
}

.testing-page .our-tests p a{
    line-height: 20px;
}
/* === Online Store Homepage  Styling === */


.top-border{
    position: relative;
    height: 21px;
    margin-top: 18px;
    margin-bottom: 30px;
    border-top:2px dotted #d0cac3; 
    border-bottom:2px dotted #d0cac3; 
}

.main-slider{
    width: 100%;
}

.favourite-area h2{
    color: #333;
    font-size: 14px;
    text-align: center;
    font-family: "brandon-grotesque";
    font-weight: 700;
    letter-spacing:0.5px;
    line-height: 13px;
    margin-bottom: 20px;
    text-transform: uppercase;
    background: url(images/footer-border.png) left center repeat-x;
}

.favourite-area h2 span{
    padding: 2px 8px;
    background: #f7f6f1;
}

.favourite-area aside{
    width: 23.5%;
    padding: 0 9px;
    float: left;
    text-align: center;
}

.favourite-area aside:first-child{
    padding-left: 0;
}

.favourite-area aside:last-child{
    padding-right: 0;
}

.product-name-with-brean{
    margin:15px 22px 12px;
    border-bottom:2px dotted #4d4d4c;
    padding-bottom: 16px;
    height: 55px;
}

.product-name{
    color: #000;
    letter-spacing:1.5px;
    line-height: 14px;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.product-widget .product-name-with-brean a,
.favourite-area aside .product-name-with-brean a{
    color: #000;
    font-size: 10px;
    letter-spacing:1.5px;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.product-widget .product-name-with-brean .product-name a,
.favourite-area aside .product-name-with-brean .product-name a{
    font-size: 12px;
    text-decoration: none;
}

/*.product-widget:hover .product-name-with-brean a,*/
.favourite-area aside:hover .product-name-with-brean a{
    text-decoration: underline;

}

.product-price{
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    letter-spacing:1.5px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.favourite-area aside:hover .product-name-with-brean{
    color: #CB867F;
    border-bottom: 2px dotted #CB867F;
}

.favourite-area aside:hover .product-name-with-brean a{
    text-decoration: underline;
}

.favourite-area aside:hover h3,
.favourite-area aside:hover a,
.favourite-area aside:hover label{
    color: #CB867F;
}

.dashboard-info ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.client-account-info ul li,
.change-password-box ul li{
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 19px;
    font-family: "brandon-grotesque";
    font-weight: 400;
}

.client-account-info ul li label,
.change-password-box ul li label{
    display: block;
    margin-bottom: 2px;
}

.client-account-info ul li input[type='text'],
.client-account-info ul li input[type='email'],
.change-password-box ul li input[type='password']{
    border: 0;
    width: 210px;
    height: 26px;
    line-height: 20px;
    padding: 0 5px;
}

.client-dashboard-details form .save{
    width: 57px;
    border: 0;
    height: 24px;
    cursor: pointer;
    margin-top: 6px;
    text-indent: -99999px;
    background: url(images/save-btn.jpg) no-repeat;
}

.client-dashboard-details form .save:hover{
    opacity: .9;
}

/* === Beauty Skincare Page Styling=== */

.left-sidebar{
    width: 22%;
    float: left;
    min-width: 150px;
}

.left-sidebar .page-title{
    padding: 0 5px;
    background: url(images/left-side-pattern2.png) left top no-repeat, url(images/right-side-pattern2.png) right top no-repeat;
}

.left-sidebar .page-title h3{
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.4px;
    background: #262626;
    height: 23px;
    line-height: 24px;
    padding: 0 6px;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.left-sidebar aside{
    padding: 6px;
}

.left-sidebar aside header{
    color: #333;
    letter-spacing: 0.4px;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.left-sidebar aside ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.left-sidebar aside ul li.active{
    margin: 5px 0;
    padding: 10px 0 6px;
    background: url(images/active-bg.jpg)left top repeat-x, url(images/footer-border.png) left bottom repeat-x;
}

.left-sidebar aside ul li.active a:hover{
    text-decoration: none;
}

.left-sidebar aside ul li a{
    font-size: 13px;
    text-transform: capitalize;
    color: #333;
    line-height: 22px;
    letter-spacing: 0.4px;
    text-decoration: none;
    font-family: "brandon-grotesque";
    font-weight: 400;
}

.left-sidebar aside ul li a:hover{
    text-decoration: underline;
}

.left-sidebar aside.natural-helath-cat{
    padding: 0 6px;
}

.left-sidebar aside.natural-helath-cat ul li a{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #000;
    line-height: 26px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.left-sidebar aside.natural-helath-cat ul li a:hover{
    color: #ca857e;
    text-decoration: none;
}

.right-sidebar{
    width: 74.5%;
    float: right;
}

.product-grid-page aside{
    width: 31.5%;
    padding: 0;
    margin-bottom: 5%;
    margin-right: 2.5%;
}

.product-grid-page aside.margin-right-none{
    margin-right: 0;
}

.view-item-box{
    margin-top: -1px;
}

.view-item-box select{
    margin-left: 3px;
    border: none;
    background: transparent;
    font-size: 10px;
    text-transform: uppercase;
    color: #787878;
    letter-spacing: 0.3px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.pagination {
    margin-top: -1px;
    float: right;
    display: inline-block;
}

.page {
    display: inline-block;
    padding: 0px 3px;
    margin-right: 0px;
    font-size: 10px;
    text-decoration: none;
    color: #787878;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.pagination .prev:before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #787878;
}

.pagination .next:after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #787878;
}

.pagination a{
    text-decoration: none;
    color: #787878;
}

.page:hover, .page.gradient:hover {
    text-decoration: underline;
}

.page.active {
    text-decoration: underline;
}

/* === Product Details Page Styling === */

.product-slider{
    width: 65.5%;
    float: left;
}

.product-details{
    width: 22%;
    min-width: 100px;
    float: right;
    margin: 0 15px;
    text-align: center;
}

.product-slider .flexslider{
    border:0;
}

.product-slider .flex-direction-nav a {width: 12px; height: 20px; margin: -10px 0 0; background: url(images/bg_direction_nav.png) no-repeat 0 100%; }
.product-slider .flex-direction-nav .flex-next {background-position: 100% 100%; right: -30px; }
.product-slider .flex-direction-nav .flex-prev {left: -30px;}
.product-slider .flexslider:hover .flex-next {opacity: 0.8; right: 10px;}
.product-slider .flexslider:hover .flex-prev {opacity: 0.8; left: 10px;}

.product-slider.flexslider .slides > li{
    margin: 0 10px;
}

.product-slider #carousel ul li {
    margin-left:20px;
}

.product-slider #carousel ul li:first-child{
    margin-left: 0;
}

.product-details .widget{
    margin-bottom: 15px;
    border-bottom: 2px dotted #4d4d4c;
    padding-bottom: 18px;
}

.product-details .widget.product-widget{
    border-bottom: 0;
}

.product-details .widget:last-child{
    border-bottom: 0;
}

.product-details .product-widget{
    margin-bottom: 50px;
    padding-bottom: 5px;
}

/*.product-widget:hover h3,
.product-widget:hover a,
.product-widget:hover label{
    color: #CB867F;
}*/

.product-widget:hover h3{
    border-color:#CB867F 
}


.product-widget .product-name-with-brean{
    margin: 0px 0 10px;
    padding: 0 0 15px;
    height: auto;
}

/*.product-widget:hover .product-name-with-brean{
    border-bottom: 2px dotted #CB867F;
}*/

.product-info-action{
    border-bottom: 2px dotted #4d4d4c;
    padding-bottom: 18px;
}

.product-info-action select{
    border:none;
    font-size: 10px;
    text-transform: uppercase;
    color: #787878;
    letter-spacing: .3px;
    padding: 3px 4px;
    width: 124px;
    margin-bottom: 15px;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.add-to-cart-btn:hover{
    opacity: .8;
}

.product-details .widget h4{
    font-family: 'Kidorama';
    font-size: 19px;
    color: #333;
    letter-spacing: 0px;
    text-transform: lowercase;
    font-weight: normal;
    margin-bottom: 4px;
}

.product-details-widget{
    font-size: 12px;
    line-height: 19px;
    color: #333;
    letter-spacing: 0.4px;
    margin-top:6px; 
    font-family: "brandon-grotesque";
    font-weight: 400;
}
.product-details-widget h4{
    margin-bottom: 0px;
}

.bottom-array{
    content: "";
    display: inline-block;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #7f7f7f;
}

.right-array{
    content: "";
    display: inline-block;
    margin-top: 5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #787878;
}

.share-button-area div{
    display: inline-block;
}

.share-button-area .twitter-share iframe{
    width: 75px !important;
}

.share-button-area .facebook-btn iframe{
    margin-top: -5px;
}

/* === My Cart Page Styling === */

.customer-info{
    background: #b3c0b6;
    color: #fff;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 6px;
    margin: 0px 0 28px;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.top-botder{
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    background:url(images/array2.jpg) left center no-repeat, url(images/login-bg.jpg) left center repeat-x,url(images/array2.jpg) right center no-repeat;
}

.top-botder span{
    padding: 0px 10px;
    background: #f7f6f1;
    border: 2px solid #313130;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    font-weight: 900;
    font-size: 14px;
    color: #000;
    letter-spacing: 0.4px;
    border-radius: 12px;
}

.instruction{
    margin-bottom: 20px;
}

.instruction .check-out-btn,
.instruction .continue-btn{
    border: 0;
    color: #fff;
    font-size: 12px;
    padding: 4px 0 3px 6px;
    letter-spacing: 0.4px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: none;
    font-family: "brandon-grotesque";
    font-weight: 700;
    background: url(images/left-side-pattern2.png) left 1px no-repeat;
}

.instruction .check-out-btn:active,
.instruction .continue-btn:hover{
    border:solid 0px black
}

.instruction .check-out-btn{
    padding-right: 7px;
    padding-left: 0;
    text-align: right;
    background: url(images/orange-right-side-pattern.png) right 1px no-repeat;
}

.instruction .continue-btn span{
    background: #262626;
    padding: 4px 20px 3px 6px;
}

.check-out-btn span{
    background: #d7a95a;
    padding: 4px 5px 3px 85px;
}

table.shop-table{
    text-align: left;
}

table.shop-table tr th{
    font-size: 12px;
    color: #000;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    font-weight: 500;
    background: url(images/border-x2.jpg) bottom left repeat-x;
}

table.shop-table tr .product-info{
    width: 45%;
}

table.shop-table tr .product-subtotal,
table.shop-table tr .product-price{
    width: 10%;
    color: #000;
    font-size:12px;
    letter-spacing: 1.5px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

table.shop-table tr .product-quantity{
    width: 14%;
}

table.shop-table tr .product-remove{
    width: 2%;
}

table.shop-table tr th:first-child,
table.shop-table tr td:first-child{
    padding-left: 0;
}

table.shop-table tr td{
    padding: 30px 5px;
    background: url(images/border-x.jpg) bottom left repeat-x;
}

table.shop-table tr:last-child td{
    background: none;
}

table.shop-table{
    background: url(images/border-x2.jpg) bottom left repeat-x;
}

table.shop-table .product-thumb{
    height: 100px;
    width: 100px;
    float: left;
    background: #ccc;
    margin-right: 20px;
}

table.shop-table .product-remove a{
    display: block;
    height: 17px;
    width: 17px;
    text-indent: -9999px;
    background: url(images/remove.jpg);
    position: absolute;
    right: 0;
}

table.shop-table .product-remove a:hover{
    opacity: .8;
}

table.shop-table .product-info .product-name{
    border: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-decoration: underline;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.brand-name,
.variable{
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.brand-name{
    /* margin-bottom: 20px; */
}


table.shop-table tr .product-quantity input[type='text']{
    width: 30px;
    float: left;
    border: none;
    padding:3px 5px;
    margin-top:-2px;
    margin-right:2px;
    font-size: 12px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

table.shop-table tr .product-quantity .update-quantity{
    border: 0;
    color:#808080;
    font-size:10px;
    display: block;
    cursor: pointer;
    margin-top: -1px;
    background: none;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-decoration: underline;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    font-weight: 500;
}


.cart-collateral{
    padding: 16px 0 35px;
    margin-bottom: 20px;
    background: url(images/border-x2.jpg) left bottom repeat-x ;
}

.voucher-discount{
    width: 220px;
    float: left;
}

.voucher-discount h4{
    font-size: 12px;
    color: #000;
    letter-spacing: 1.5px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.voucher-discount input[type="text"]{
    border: 0;
    padding: 2px 6px 4px;
    width: 158px;
    line-height: 20px;
}

.voucher-discount input[type="submit"]{
    width: 45px;
    height: 24px;
    border: 0;
    float: right;
    cursor: pointer;
    margin-top: 3px;
    background: url(images/submit-button.jpg) no-repeat;
}

.voucher-discount input[type="submit"]:hover{
    opacity: .9;
}

.cart-total {
    float: right;
	padding-right:73px;
}
#shopping-cart-totals-table {
	width:100%;
}

.cart-total tr td{
    font-size: 12px;
    letter-spacing: 1.5px;
    color: #000;
	padding:3px 13px 8px 0;
    font-family: "brandon-grotesque";
    font-weight: 500;
	text-transform:uppercase;
	padding-left:20px;
}

/* === My Account === */

/* === Dashboard Page Styling === */

.account-page{
    padding-top: 40px;
}

.account-page .my-account{
    margin-bottom: 20px;
}

.account-page .client-dashboard-details{
    padding-left: 100px;
    padding-bottom: 20px;
}

.account-page .client-dashboard-details .client-message{
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 19px;
    padding-right: 110px;
    font-family: "brandon-grotesque";
    font-weight: 400;

}

.client-dashboard-details .dashboard-info{
    margin-bottom: 30px;
}

.client-dashboard-details h2{
    color: #333;
    font-size: 12px;
    letter-spacing: 1.5px;
    line-height: 18px;
    text-transform: uppercase;
    border-bottom:2px dotted #4d4d4c;
    padding-bottom: 6px; 
    margin-bottom: 25px;
    margin-top: 0;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.add-new-address a,
.client-dashboard-details .edit{
    text-decoration: none;
    padding:2px 6px 0;
    background: #d9d5cf;
    font-size: 8px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase;
}

.add-new-address a{
    padding: 4px 6px;
    border: 1px solid #e8e6e0;
}

.client-dashboard-details a:hover{
    color: #ca857e;
    text-decoration: underline;
}

.client-dashboard-details .client-account-info{
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 19px;
    font-family: "brandon-grotesque";
    font-weight: 400;
}

.client-dashboard-details .client-account-info p{
    margin: 0;
}

.client-dashboard-details .client-account-info .password{
    margin: 20px 0;
    text-decoration: underline;
}

.client-dashboard-details .billing-address,
.client-dashboard-details .shipping-address{
    width: 48%;
    float: left;
}

.client-dashboard-details .billing-address.address-box,
.client-dashboard-details .shipping-address.address-box{
    width: 36.5%;
    float: left;
    margin-right: 18px;
}

.client-dashboard-details .billing-address h4,
.client-dashboard-details .shipping-address h4{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.4px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.client-dashboard-details .billing-address.address-box h4,
.client-dashboard-details .shipping-address.address-box h4{
    color: #333;
    font-size: 12px;
    letter-spacing: 1.5px;
    line-height: 18px;
    padding-bottom: 6px;
    margin-bottom: 22px;
    margin-top: 0;
    text-transform: uppercase;
    border-bottom: 2px dotted #4d4d4c;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.client-dashboard-details .billing-address p,
.client-dashboard-details .shipping-address p{
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 15px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.client-dashboard-details .add-new-address{
    float: right;
    width: 20%;
    text-align: right;
}

.client-dashboard-details .add-new-address a:hover{
    text-decoration: none;
}

.change-password-box .checkbox{
    float: left;
}

.edit-address{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 15px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}


table.order-table thead{
    margin-bottom: 8px;
}

table.order-table tr th {
    font-size: 12px;
    color: #000;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-top: 0;
    text-align: left;
    font-family: "brandon-grotesque";
    font-weight: 500;
    background: url(images/border-x2.jpg) left bottom repeat-x;
}

table.order-table tr th:first-child,
table.order-table tr td:first-child{
    padding-left: 0;
}

table.order-table tr td{
    font-size: 12px;
    letter-spacing: 1.5px;
    color: #000;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

table.order-table tr .order-num{
    width: 70px;
}

table.order-table tr .order-date {
    width: 85px;
}

table.order-table tr .total-order-price {
    width: 80px;
}

table.order-table tr .order-status{
    width: 80px;
}

table.order-table tr .order-ship-to {
    width: 190px;
}

table.order-table tr:first-child td{
    padding-top: 12px;
}

/* === Chackout Page Styling === */

#accordion-wrap{
    background: transparent;
    margin-bottom: 50px;
}

#accordion-wrap .step-title h3{
    margin: 0;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 1px;
    padding: 22px 0px 8px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-bottom:2px dotted #4d4d4c;
    font-family: "brandon-grotesque";
    font-weight: 900;
}

#accordion-wrap h4{
    color: #333;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    font-weight: 900;

}

#accordion-wrap ul{
    display: block;
    padding: 0;
    background: #fff;
    margin: 0;
}

#accordion-wrap ul li{
    list-style: none;
    color: #333;
    padding: 24px 22px 30px;
}

/* === Agree to terms and conditions checkbox === */

.cart-total ol.checkout-agreements {
    padding-left: 0;
}
.cart-total ol.checkout-agreements li {
    padding: 0 7px !important;
}
.cart-total ol.checkout-agreements p label {
    font-size: 13px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}
.cart-total ol.checkout-agreements p {
    margin: 7px 0 !important;
}

/* === END Agree to terms and conditions checkbox === */

#accordion-wrap ul li form{
    position: relative;
}

#accordion-wrap ul li form ul li {
    margin: 0;
    padding: 0;
}

#accordion-wrap ul li form ul li{
    margin-bottom: 12px;
}

#accordion-wrap ul li form.ragister-form ul li{
    margin-bottom: 0;
}

#accordion-wrap ul li form ul li label {
    display: block;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 19px;
    margin-bottom: 3px;
    text-transform: capitalize;
    font-family: "brandon-grotesque";
    font-weight: 400;
}


#accordion-wrap ul li input[type='text'],
#accordion-wrap ul li input[type='email'],
#accordion-wrap ul li input[type='password']{
    border: 0;
    width: 210px;
    height: 26px;
    color: #333;
    line-height: 20px;
    padding: 0 5px;
    background: #f7f6f1;
}

#accordion-wrap table.shop-table tr .product-quantity input[type='text']{
    width: 30px;
    float: left;
    height: auto;
    border: none;
    line-height:16px;
    padding: 3px 5px;
    margin-right: 2px;
    margin-top:-2px;
    font-size: 12px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

#accordion-wrap ul li input[type='submit']{
    left: 0;
    bottom: 0;
    border: 0;
    margin-top: 3px;
    cursor: pointer;
    position: absolute;
    text-indent: -99999px;
}

#accordion-wrap ul li input[type='submit']:hover{
    opacity: .9;
}

#accordion-wrap ul li .view-item-box select{
    min-width: 230px;
    font-size: 14px;
    padding: 2px 6px;
    background: #f7f6f1;
    text-transform: lowercase;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

#accordion-wrap ul li form input[type="radio"]{
    float: left;
    margin-left: 0;
}

#accordion-wrap ul li form .user-as{
    float: left;
    font-size: 14px;
    padding-left: 3px;
    line-height: 20px;
    letter-spacing: 0.4px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

#accordion-wrap ul li form ul li.radio-btn{
    margin-bottom: 4px;
}

#accordion-wrap ul li form {
    padding-bottom: 55px;
}

#accordion-wrap ul li form.order-confirmation-form{
    padding-bottom: 5px;
}

#accordion-wrap ul li form.shiping-method-form {
    padding-bottom: 40px;
    padding-top: 8px;
}

#accordion-wrap ul li form .continue-btn{
    width: 92px;
    height: 24px;
    background: url(images/continue-submit-btn.jpg) no-repeat;
}

#accordion-wrap ul li form .order-submit-btn{
    width: 109px;
    height: 24px;
    position: static;
    margin: 10px 5px 12px;
    display: block;
    background: url(images/order-submit-btn.jpg) no-repeat;
}


#accordion-wrap ul li form .order-submit-btn:hover{
    opacity: .7;
}

#accordion-wrap ul li form .address-css{
    display: block;
    margin-bottom: 10px;
}

#accordion-wrap ul li form .login-btn{
    width: 68px;
    height: 24px;
    background: url(images/login-btn.jpg) no-repeat;
}

#accordion-wrap ul li form ul li.current-pw{
    margin-bottom: 0;
}

#accordion-wrap .forgotten-password{
    color: #9f9f9f;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

#accordion-wrap .forgotten-something{
    color: #7f7f7f;
    font-size: 12px;
    letter-spacing: 1px;
    margin:0;
    padding-top: 0;
    padding-left: 5px;
    font-family: "brandon-grotesque";
    font-weight: 500;

}


#accordion-wrap .forgotten-something a{
    color: #7f7f7f;
}

#accordion-wrap .forgotten-password:hover,
#accordion-wrap .forgotten-something a:hover{
    color: #ca857e;
}

.payment-info-box form,
.checkout-method-box form{
    width: 44%;
    float: left;
    margin-right: 2.8%;
    min-height: 238px;
    padding-right: 28px;
}

.payment-info-box form{
    width: 42%;
    min-height: 100px;
}

#accordion-wrap ul li form ul li.payment-details{
    padding-top: 10px;
}

.payment-info-box .payment-details p,
.checkout-method-box form p{
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 20px;
    font-family: "brandon-grotesque";
    font-weight: 500;
}

.payment-info-box .payment-details p span{
    text-transform: uppercase;
}

.order-confirmation-form .cart-total{
    width: 235px;
}

.order-confirmation-form .cart-total tr td.product-shipping-cost,
.order-confirmation-form .cart-total tr td.product-total-price{
    padding-bottom: 18px;
    font-family: "brandon-grotesque";
    font-weight: 500;

}

.order-confirmation-form .cart-total tr td.product-shipping-cost{
    padding-bottom: 5px;
}

.order-confirmation-form .cart-collateral{
    margin-bottom: 0px;
    padding-bottom: 15px;
}


.order-confirmation-form .grand-total-area{
    background: none;
    padding-bottom: 0px;
}
/* === Footer Panel Styling === */

.footer-panel{
    background: url(images/footer-bg.png), url(images/footer-border.png);
    background-position: top left, bottom left;
    background-repeat: repeat-x;
    /* margin-bottom: 40px; */

}

.footer-panel .wrapper{
    min-height: 100px;
    padding: 25px 0 80px;

}

.footer-panel .wrapper .footer-widget{
    min-width: 23%;
    padding: 0 10px;
    float: left;
    font-size: 10px;
    color: #000;
    letter-spacing: 0.4px;
    line-height: 15px;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.dispensary ul li span{
    text-transform: none;
    font-size: 12px;
}

.footer-panel .wrapper .footer-menu{
     min-width: 26%;
}

.footer-panel .wrapper .footer-widget:first-child{
    padding-left: 0;
}

.footer-panel .wrapper .footer-widget h4{
    border-bottom: 2px solid #313130;
    padding-bottom: 8px;
    font-size: 10px;
    color: #000;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.footer-widget ul{
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer-widget ul li{
    margin-right: 10px;
}

.dispensary ul{
    width: 100%;
 }

.footer-widget ul li a{
    text-decoration: none;
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    letter-spacing:0.4px;
    line-height:15px;
    font-family: "brandon-grotesque";
    font-weight: 700;
}

.footer-widget ul li a:hover {
    text-decoration: underline;
}


.wrap {width: 960px; margin: 0 auto;}


#easy_zoom{
    width:600px;
    height:400px;   
    border:5px solid #eee;
    background:#fff;
    color:#333;
    position:absolute;
    top:300px;
    left:600px;
    overflow:hidden;
    -moz-box-shadow:0 0 10px #777;
    -webkit-box-shadow:0 0 10px #777;
    box-shadow:0 0 10px #777;
    /* vertical and horizontal alignment used for preloader text */
    line-height:400px;
    text-align:center;
}
.a-right {
	text-align:right !Important;
}


.lc_brands_list {
	width:100%;
	float:left;
}
.lc_brand_list_group {
	width:24.9%;
	float:left;
	margin-bottom:40px;
}
.lc_brands {
	margin-top:50px;
}
.lc_brand_list_group strong {
	margin-bottom:10px;
	display:block;
}
.lc_brand_list_group ul {
	margin:0;
	padding:0;
}
.lc_brand_list_group li {
	display:block;
	margin:5px 0;
}

.hh_footer_inner {
	width:950px;
	margin:0 auto;
	padding:10px;
}
.hh_footer_inner a {
	font-size:10px;
	text-decoration:none;
	color:#808080;
}

#cms-menu-title,
#cms-menu {
	display:none;
}
/* Special Home page */
.cms-index-index #shop-menu-title,
.cms-index-index #shop-menu {
	display:none;
}

/* General CMS pages */
.cms-page-view #shop-menu-title,
.cms-page-view #shop-menu {
	display:none;
}
.cms-page-view #cms-menu-title,
.cms-page-view #cms-menu {
	display:block;
}
.cms-page-view #cms-menu {
	width:828px;
}

/* Special SHOP CMS page */
.cms-page-view.cms-online-apothecary #cms-menu-title,
.cms-page-view.cms-online-apothecary #cms-menu {
	display:none;
}
.cms-page-view.cms-online-apothecary #shop-menu-title,
.cms-page-view.cms-online-apothecary #shop-menu {
	display:block;
}
.cms-therapies-and-treatments .dispensary-client {
	min-height:initial;
}

.hp_left,
.hp_right {
    margin-top:10px;
}
.hp_left .quality-info p,
.hp_right .quality-info p {
    margin-top:0;
    margin-bottom:5px;
}


	.hide-on-mobile{
		display:initial !important;
	}
	.show-on-mobile{
		display:none !important;
	}
.mobilehead {
    display: none;
}

@media (max-width:480px){
    .div500 {
        width:100% !important;
    }
    #contactForm .input-box textarea {
        width: 96% !important;
    }
}
@media (max-width:480px){

.brand-title-area span {
    border-radius: 10px;
    text-transform: uppercase!important;
}
.brand-title-area{
	background:url(images/border-style5.jpg) top left repeat-x;
}

	.wrapper.clearfix {
		width:100%;
		float:left;
		margin:0;
		padding:0;
	}
	.header-panel .wrapper{
		height:auto;
	}
	div#header-panel {
		float: left;
		width: 100%;
		padding-top: 15px;
	}

	div#content-panel {
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}

	div#footer-panel {
		float: left;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 30px;
		margin-top: 20px;
	}
	
	div#top-panel {
		display: none;
	}
	
	.home_main_img {
		display: none;
	}
	
	.content-panel .right-panel, .content-panel .left-panel {
		width:100%;
		float:left;
		margin: 0;
		padding: 0;
		border: none;
	}

	h1.headline {
		width:100%;
		float:left;
	}
	
	.banner-area a{
		width:50% !important;
		float:left;
		box-sizing:border-box;
		margin: 0 !important;
		margin-top: 10px !important;
	}
	
	.banner-area a:nth-child(2n+1){
		padding-right:5px;
	}
	
	.banner-area a:nth-child(2n){
		padding-left:5px;
	}
	
	.img-array.center,
	.slogan,
	.address-info {
		display: none;
	}

	
	.mobilehead{
		display:inline-block!important;
		float: left;
		box-sizing: border-box;
		width: 25%;
		text-align: center;
	}
	
	.mobilehead img {
		margin: 15px auto;
	}
	
	a.site-logo {
		margin: 27px auto !important;
		text-align:center;
		display:inline-block !important;
		width:50%;
		max-width:initial!important;
	}
	aside.footer-widget.dispensary, aside.footer-widget.footer-menu, aside.footer-widget.keep-in-touch.footer-menu {
		width: 50%;
		float:left !important;
		box-sizing: border-box;
	}
	.hh_footer_inner {
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}
	.clearfix.hh_footer {
		float: left;
		width: 100%;
		padding-top: 25px;
		padding-left:5%;
		padding-right:5%;
		box-sizing:border-box;
	}
	.footer-widget ul li {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.footer-widget ul {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.content-panel .headline{
		background-position:center;
		margin-bottom: 10px;
		width:90%;
		margin:0 5%;
	}
	.content-panel .headline{
		background-size:100%;
	}
	.hh_footer_inner a {
		float: left;
		width: 100%;
		font-size: 13px;
		margin-bottom: 13px;
	}
	.quality-info span {
		font-size: 11px;
	}
	.left-panel.hp_left , .right-panel.hp_right{
		padding-top: 20px;
		padding-left:5%;
		padding-right:5%;
		box-sizing:border-box;
	}
	aside.footer-widget:nth-child(2n+1) {
		margin-left:0;
		padding-left:0 !important;
	}
	aside.footer-widget:nth-child(2n) {
		margin-right:0;
		padding-right:0 !important;
	}
	.footer-panel .wrapper{
		padding-left:5%;
		padding-right:5%;
		box-sizing:border-box;
	}
	/*--------------------*/
	div#shop-menu {
		display: none;
	}

	.top-border {
		display: none;
	}

	div#shop-menu-title {
		display: none;
	}

	nav.breadcrumbs {
		padding: 0 5%;
		margin-bottom: 20px;
	}

	#accordion-wrap {
		padding: 0 5%;
	}

	form.ragister-form , form#login-form{
		width:100% !important;
		box-sizing: border-box;
		margin: 0 !important;
		padding: 0 !important;
		min-height:initial !important;
	}
	#accordion-wrap ul li form{
		padding-bottom:30px !important;
	}

	#accordion-wrap ul li{
		padding:10px;
	}
	form.ragister-form {
		margin-bottom: 50px!important;
	}
	#accordion-wrap ul li input[type='text'], #accordion-wrap ul li input[type='email'], #accordion-wrap ul li input[type='password'] {
		width: 100%;
		box-sizing: border-box;
	}

	form#login-form {
		margin-bottom: 10px!important;
	}
	
	.cms-page-view #cms-menu {
		display: none;
	}

	.cms-page-view #cms-menu-title {
		display: none!important;
	}

	.brand-title-area {
		margin: 0 5%;
	}

	body.cms-page-view.cms-terms .std {
		margin: 0 5%;
		background: #fff;
		padding: 10px;
	}
	.left-sidebar {
		display: none;
	}

	.right-sidebar {
		width: 100%;
	}

	body.catalog-category-view.categorypath-home-living-html.category-home-living .top-border.clearfix ,
	body.catalog-category-view.categorypath-sale-html.category-sale .top-border.clearfix{
		margin:0 5% 30px;
	}

	.full-width.clearfix {
		padding: 0 5%;
	}

	.product-grid-page aside {
		width: 50%;
		float: left;
		margin: 0;
		padding: 0;
		box-sizing: border-box !important;
	}
	
	.product-grid-page aside .item-widget{
		margin:0 !important;
		margin-bottom: 20px!important;
	}
	
	.product-grid-page aside:nth-child(2n+1){
		padding-right: 10px;
		float: left;
	}
	
	.product-grid-page aside:nth-child(2n){
		padding-left: 10px;
		float: right;
	}
	.product-grid-page aside.margin-right-none::after{
		display:none !important;
	}
	section.slider.product-slider {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	div#slider {
		width: 100%;
	}

	.share-button-area {
		display: none;
	}

	.product-details {
		width: 100% !important;
		margin: 0;
		padding: 0;
	}
	.product-details .widget h4{
		font-weight:bold;
		margin-top: 25px;
		font-size: 25px;
	}
	.top-border.clearfix {
		margin: 0 5%;
		margin-bottom: 20px;
	}
	
	.hide-on-mobile{
		display:none !important;
	}
	.show-on-mobile{
		display:block !important;
	}
	
	.right-panel.show-on-mobile {
		margin-top: 30px;
	}
	
	aside.widget.product-widget.show-on-mobile {
		text-align: center;
		margin-bottom: 20px;
		margin-top: 15px;
	}

	h1.product-name {
		font-size: 21px;
		margin-bottom: 10px;
		line-height:21px;
	}
	
	span.price {
		font-size: 14px;
	}
	.acc-content {
		padding-top: 12px;
		font-size: 13px;
		line-height: 21px;
	}
	.bottom-array{
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		border-top: 8px solid #7f7f7f;
	}

	.right-array{

		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 8px solid #787878;
	}

	.std {
		margin: 0 5%!important;
	}

	.separator{
		top: 40px;
	}
	.separator .wrapper ul {
		display: none;
	}

	.separator .wrapper {
		width: auto;
		height: 16px;
	}

	/*responsive menu*/
	.responsive_menu, .responsive_menu_container{
		width:100%;
		float:left;
		box-sizing:border-box;
		padding:0 5%;
		height: 40px;
	}
	
	.responsive_menu{
		padding-top:10px;
		background-color:#000;
		color:#fff;
		font-family:"brandon-grotesque";
	}

	.responsive_menu_container{
		height:auto;
		background-color: #fff;
		margin-bottom: 20px;
	}


	.menu-icon{
		background-image:url('images/menu-lines.png');
		height:10px;
		width:13px;
		display:inline-block;
		margin-right:5px;
	}
	.search-icon, .cart-icon{
		width:20px;
		display:inline-block;
	}
	.search-icon{
		background-image:url('images/search-icon.png');
		height:12px;
	}
	.cart-icon{
		background-image:url('images/cart-icon.png');
		height:15px;
	}

	
	.menu_toggle{
		width:24%;
		float:left;
		font-weight: bold;
		font-size: 14px;
	}
	.right_menu{
		width: 76%;
		float:right;
	}
	.right_menu ul{
		margin:0;
		padding:0;
		list-style:none;
		text-align:right;
	}
	.right_menu ul li{
		display:inline-block;
		margin:0 5px;
	}
	.right_menu ul li a{
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size: 14px;
	}
	
	ul#mega-menu-tut-shop2 li {
		width: 100%;
		padding: 0;
		margin: 0;
		height:auto;
	}
	
	ul#mega-menu-tut-shop2 li ul {
		padding-left:20px;
	}
	
	.menu_dropdown {
		display: none;
		font-family:"brandon-grotesque";
		padding:20px 0;
	}
	
	.menu_arrow{
		background:url("images/menu_dropdown_arrow.png");
		width: 20px;
		height: 14px;
		display:inline-block;
		vertical-align:middle;
		padding:7px 0;
		float: right;
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	ul.lvl2 {
		display: block;
		width: 100%;
	}
	
	.is_mobile{
		font-size:10px;
	}
	
	.search_dropdown {
		display: none;
		text-align:center;
		padding-bottom:30px;
	}
	
	.search_dropdown p.up {
		text-transform: uppercase;
		font-family:"brandon-grotesque";
	}

	.search_dropdown p.down {
		font-size: 14px;
		line-height: 20px;
		margin:0;
		font-family:"brandon-grotesque";
	}

	.search_dropdown_holder {
		margin-bottom: 20px;
	}
	
	#site-search input#search-submit{
		width: 116px;
		border: 0;
		cursor: pointer;
		height: 32px;
		margin-top: 3px;
		background: url(images/search.png) no-repeat;
	}
	.menu_dropdown h2{
		color: #333333;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 0.3px;
		font-family: "brandon-grotesque";
		font-weight: 700;
		float: left;
		width: 100%;
	}
	.menu_dropdown .dcjq-mega-menu ul.menu li a{
		font-weight:normal !important;
		font-size: 14px;
	}
	.menu_dropdown ul{
		padding:0;
		margin:0;
		list-style:none;
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.menu_dropdown ul li{
		height:28px;
	}
	.menu_dropdown ul li a{
		padding:5px 0;
		color: #333333;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 0.3px;
		font-family: "brandon-grotesque";
		font-weight: normal;
	}
	
	.splitter{
		display:block;
		border-bottom:2px solid #000;
		margin-bottom:20px;
		width: 100%;
		float: left;
	}
	body.checkout-cart-index .top-botder{
		background:url(images/login-bg.jpg) left center repeat-x;
	}
	body.checkout-cart-index .cart-collateral{
		padding-left:5%;
		padding-right:5%;
	}
	
	.customer-info{
		padding: 10px 5%;
		font-size: 14px;
		margin: 20px 5%;
	}
	
	.instruction{
		margin-bottom: 20px;
		padding: 0 5%;
	}
	.instruction .continue-btn,
	.instruction .check-out-btn{
		display:inline-block;
	}
	.instruction .check-out-btn{
		float:right;
	}
	.instruction .continue-btn{
		float:left;
	}
	form#discount-coupon-form2 {
		width: 100%;
		float: left;
		padding: 30px 0;
		background: url(images/border-x2.jpg) left bottom repeat-x,url(images/border-x2.jpg) left top repeat-x;
	}
	.voucher-discount{
		width:100%!important;
	}
	.voucher-discount input[type="text"]{
		width: 70%;
		box-sizing: border-box;
	}
	.cart-total {
		float: left;
		width: 100%;
		text-align: center;
		padding:0;
		padding-top:20px;
		font-family:"brandon-grotesque";
	}
	p.total{
		text-transform:uppercase;
	}
	.cart-collateral{
		background:none;
		margin-bottom:0;
	}
	.grand-total{
		text-transform:uppercase;
	}
	.grand-total strong:first-child{
		float:left !important;
	}
	.grand-total strong:nth-child(2){
		float:right !important;
	}
	.voucher-discount h4{
		padding-top:3px;
		font-size:14px;
	}
	
	form.show-on-mobile.cart {
		padding: 0 5%;
		font-family:"brandon-grotesque";
	}
	form.show-on-mobile.cart .item{
		padding: 10px 0;
		width:100%;
		float:left;
	}
	form.show-on-mobile.cart p.title{
		text-align:center;
		text-transform:uppercase;
		background: url(images/border-x2.jpg) left bottom repeat-x;
		padding-bottom:10px;
	}
	.product-remove a{
		display: block;
		height: 24px;
		width: 24px;
		float:left;
		background: url(images/remove-button.png);
	}
	.product-quantity input[type='text']{
		width: 100%;
		float: left;
		border: none;
		padding: 3px 5px;
		margin-top:-2px;
		margin-right:2px;
		font-size: 12px;
		font-family: "brandon-grotesque";
		font-weight: 500;
		margin: 0;
		box-sizing: border-box;
	}
	
	.item .show-on-mobile{
		width:100%;
		float:left;
	}
	
	.show-on-mobile .product-info {
		width: 59%;
		display:inline-block;
		vertical-align:middle;
	}
	
	.show-on-mobile .product-info .product-infos{
		width:60%;
		float:left;
		display:inline-block;
		vertical-align:middle;
	}
	.show-on-mobile .product-info .product-thumb{
		width:40%;
		float:left;
		display:inline-block;
		vertical-align:middle;
	}
	
	.show-on-mobile .product-info .product-thumb a{
		width:100%;
		vertical-align: middle;
	}
	.show-on-mobile .product-info .product-thumb a img{
		width:90% !important;
		vertical-align: middle;
	}
	
	.show-on-mobile .product-info .product-infos{
		/* padding-top:20px; */
	}

	.show-on-mobile .product-quantity {
		width: 7%;
		display:inline-block;
		vertical-align:middle;
	}
	.show-on-mobile .product-remove{
		width: 10%;
		display:inline-block;
		vertical-align:middle;
	}
	.show-on-mobile .product-subtotal{
		width: 20%;
		display:inline-block;
		vertical-align:middle;
	}
	button.update-quantity {
		border: none;
		background: none;
		text-transform: uppercase;
		text-decoration: underline;
		float: right;
		margin: 10px 0;
		cursor:pointer;
		margin-bottom: 30px;
	}
	
	.product-infos .product-name a{
		text-decoration:none;
		font-size:14px;
	}
	.product-infos .brand-name a{
		text-decoration:none;
		font-size:12px;
	}
	
	.instruction .continue-btn span, .instruction .check-out-btn span{
		font-size:12px;
	}
	
	.search_dropdown_holder #site-search input#search {
		width: 40%;
		height: 24px;
	}
	
	.instruction .continue-btn span{
		padding:4px 10px 3px 6px;
	}
	.check-out-btn span{
		padding:4px 5px 3px 75px;
	}


	h5.center.padding-bottom {
		margin: 0 5%;
	}

	.our-treatments-panel {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.our-practitioners-panel.padding-right {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.lc_accordion_item .fold_content {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.testing-page .functional-testing {
		margin: 0;
		padding: 0 5%;
		width: 100%;
		box-sizing: border-box;
	}

	div#testing_table {
		padding: 0;
		width: 100%;
	}

	.testing-page .our-tests {
		width: 100%;
	}
	
	form#co-payment-form {
		width: 100%;
	}

	.order-confirmation-form .cart-total {
		width: 100%!important;
	}

	input.order-submit-btn.submit-btn.button {
		margin: 20px auto!important;
	}
}


@media (max-width: 320px) {
	.instruction .continue-btn span, .instruction .check-out-btn span{
		font-size: 10px;
	}
}

#instafeed {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#instafeed a img {
    width: 15.3%;
    margin-right: 15px;
}

#instafeed a:last-child img {
    margin-right: 0px!important;
}

.info-container {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.instafeed-title {
    background: #f7f6f1!important;
    padding: 5px 20px 5px 20px;

}

.sub-line {
    width: 97%;
    margin-left: 10px;
    height: 7px;
    background: url(/skin/frontend/tonicroom/default/images/left-border-small.jpg);
    margin-top: -26px;
    position: absolute;
    z-index: 1;
}

.custom-qi {
    position: relative;
    z-index: 2;
}

@media all and (max-width: 480px) {
    #instafeed {
        padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
    }

    #instafeed a img {
        width: 47%!important;
        margin-bottom: 10px;
    }

    #instafeed a:nth-child(odd) img {
        margin-right: 10px!important;
    }

    #instafeed a:nth-child(even) img {
        margin-right: 0px!important;
    }

    .info-container {
        padding-top: 20px;
        padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
    }

    .instafeed-title {
        background: 0!important;
        padding: 0!important;

    }

    .sub-line {
        width: 80%!important;
        display: none;
    }
}