/* Mobile size */

/* General styling for Mobile and Tablet*/
@media all
and (max-width: 1120px) {	
    
    /* Layout */
	.site-inner,
	.wrap {
		max-width: 100%;
	}
	
    /* Header */
	#header {
    	height: auto;
    	padding: 10px;
	}
	#title-area,
	.header-widget-area,
    .header-widget-area .text-content  {
    	float: none;
	}
	#header #title-area a {
    	margin: 0 auto;
	}
	.header-widget-area {
    	float: right;
    	padding-top: 5px;
	}
	    .searchform.search-form {
    	    float: right;
	    }
	    .header-top-right {
    	    clear: both;
    	    width: auto;
	    }
    #nav {
        padding-top: 0;
    }
}

@media all
and (max-width: 960px) {

	/* Replicated Site */
	.replicated-image {
    	display: none;
	}
	.responsive-rep {
    	display: block;
	}
	
    /* Layout */
	.site-inner,
	.wrap {
		max-width: 100%;
	}
	#inner > div.wrap,
	div#content-sidebar-wrap,
	.home #content-sidebar-wrap,
	.home-mid .wrap,
	.page-template-content-2col-page-template-php #inner .wrap,
	.page-template-content-fullwidth-page-template-php #inner .wrap {
        width: 100%;
	}
	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 100%;
	}
	#content-sidebar-wrap > #content,
	.page-template-content-2col-page-template-php #content-sidebar-wrap #content {
    	width: 100%;
    	padding: 10px;
	}
	#content-sidebar-wrap #sidebar {
    	width: 100%;
    	margin: 15px 0;
	}
	.breadcrumb {
    	width: 100%;
    	padding: 10px;
    	border-bottom: 1px solid #c8b3a1;
	}
	.page-banner {
    	margin: 0;
	}
	.content,
	.site-header .widget-area {
		width: 100%;
	}
	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 100%;
	}
	/* Header */
	#header {
    	height: auto;
    	padding: 10px;
	}
	#title-area,
	.header-widget-area,
    .header-widget-area .text-content  {
    	float: none;
	}
	#header #title-area a {
    	margin: 0 auto;
	}
	.header-widget-area {
    	float: right;
    	padding-top: 5px;
	}
	    .searchform.search-form {
    	    float: right;
	    }
	    .header-top-right {
    	    clear: both;
    	    width: auto;
	    }
    #nav {
        padding-top: 0;
    }
    #menu-item-1206{
    	display: block !important;
    }
    
    #menu-item-1220{
    	display: block !important;
    }
    #menu-item-1222{
    	display: block !important;
    }
	.entry-content img {
    	max-width: 100%;
    	height: auto;
	}
	/* Homepage */
	.home-mid{
        display: block;
        margin: 0;
    }
    
    /* Sidebar */
    .sidebar img {
        display: block;
        height: auto;
        margin: 0 auto;
    }
    .wp-image-390 {
        width: 100%;
        max-width: 500px;
        float: none;
    }
    
	/* Footer */
	#footer {
    	background: #251b07;
    	color: #ffffff;
	}
	#footer a {
    	color: #ffffff;
	}
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-primary,
	.title-area {
		width: 100%;
	}
	.footer-widget-phrase h4 {
    	color: #ffffff;
	}
	.footer-menu li {
    	border-color: #ffffff;
    	margin: 6px 0;
	}
	.footer-widget-socialmedia {
    	margin-left: 0;
    	float: right;
    	padding-right: 10px;
	}
	.footer-widget-socialmedia .widget-wrap img {
    	background: #251b07;
	}
	.responsive-menu-button {
    	display: block;
    	padding: 5px 0;
    	color: #c8b3a1;
    	cursor: pointer;
	}
	    .responsive-menu-button span {
            display: block;
        	background: url(images/responsive-menu.png) no-repeat left center;
            margin: 0 auto;
        	padding-left: 40px;
            width: 100px;
        	line-height: 32px;
            font-size: 20px;
            text-transform: uppercase;
	    }
    .menu-primary {
        display: none;
        position: absolute;
        background: #251b07;
        margin-top: 5px;
        z-index: 2000;
    }
    .menu-primary .menu-item {
        display: block;
        border-bottom: 1px solid #c8b3a1;
    }
        .menu-primary .menu-item a {
            margin: 0;
            padding: 10px;
        }

    /* Sidebar Menu */
    #sidebar .widget.widget_nav_menu,
    .widget.widget_text {
        background: #9abea9;
        margin: 0;
        padding: 0;
        border: 0;
    }
    .widget.widget_nav_menu .menu {
        margin: 0;
    }
    .widget.widget_nav_menu .menu li {
        border-top: 2px solid #916d4f;
    }
    .widget.widget_nav_menu .menu li:first-chid {
        border-top: 0;
    }
    .widget.widget_nav_menu a {
        display: block;
        padding: 5px 0;
        color: #ffffff;
        text-align: center;
        font-size: 1.3em;
    }
    .widget-wrap .menu .current-menu-item > a,
    .widget.widget_nav_menu a:hover {
        background: #392f2b;
        color: #d6b04b;
        font-size: 1.3em;
    }
    
    /* Host Rewards Page */
    #rewards-table,
    #booking-rewards-table {
        margin: 0 auto;
    }
}

/* Styling for Mobile */
@media all
and (max-width: 767px) {
    
    body {
        background-image: url(images/mobile-bg.png);
        background-repeat: no-repeat;
        background-position: bottom;
    }
    
    /* Sidebar */
    .text-7 .textwidget img {
        width: 241px;
    }
	
	/* Homepage */.home-mid-col.home-mid-1,
    .home-mid-col.home-mid-2,
    .home-mid-col.home-mid-3 {
        position: relative;
        display: block;
        margin: 0 auto 25px;
        text-align: center;
        width: 100%;
    }    
    .home-mid-col .box {
        display: block;
        float: none;
        margin: 0 auto;
    }
    .home-bot.skin-care-for-all {
        float: none;
        display: block;
        text-align: center;
        margin: 0 auto 40px;
    }
    .testimonials {
        display: none;
    }
    .responsive-testimonials {
        display: block;
    }
    .home-bot.paragraph-top-right {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 50px;
        padding: 0 25px;
    }
    .home-bot.prod-rollover,
    .home-bot.health-and-wellness,
    .home-bot.color-cosmetics,
    .home-bot.responsive-testimonials {
        overflow: hidden;
        position: relative;
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        padding: 25px;
        text-align: center;
    }
        .home-bot-prod-rollover-wrap {
            border: 3px solid #9abea9;
            padding: 20px;
        }
        .home-bot-health-and-wellness-wrap {
            border: 3px solid #b99f89;
            padding: 20px;
        }
        .home-bot-color-cosmetics-wrap {
            border: 3px solid #d6b04b;
            padding: 20px;
        }
    .home-bot .prod-rollover .widget-title.widgettitle,
    .home-bot .health-and-wellness .widget-title.widgettitle,
    .home-bot .color-cosmetics .widget-title.widgettitle {
        display: block;
        float: none;
        position: relative;
        background: none;  
        margin: 0 0 15px;
        padding: 0;
        width: 100%;
        height: auto;
        top: 0;
    }
    .home-bot .prod-rollover .rollover-products,
    .home-bot .health-and-wellness-image,
    .home-bot .color-cosmetics-image {
        float: none;
        margin: 0 0 25px;
    }
    .home-bot .prod-rollover .content,
    .home-bot.health-and-wellness .content,
    .home-bot.color-cosmetics .content {
        float: none;
        text-align: left;
        margin: 0;
        padding: 0 25px;
        width: 100%;
    }
    .home-bot.responsive-testimonials {
        text-align: left;
    }
    
    /* Pages */
    #products-link-wrap .box {
        display: block;
        float: none;
        margin: 0px auto 25px;
    }
    
    /* Skin Care Set */
    .skin-care-set-1,
    .skin-care-set-2 {
        padding: 0;
        width: 100%;
    }
        .skin-care-set-1 img,
        .skin-care-set-2 img {
            display: block;
            margin: 0 auto;
        }
    .essentials-skin-care-set {
        padding: 10px 15px;  
    }
    .essentials-skin-care-set h2 {
        width: auto;
    }
    .add-serum {
        border: 0;
        width: 100%;
        margin: 0 0 25px;
    }
    .add-serum img {
        margin: 0 auto;
        border: 0;
    }
    
    /* Product Safety Statement */
    .post-469 .entry-content .wp-image-151 {
        float: none;
        display: block;
        margin: 10px auto;
    }
    
    /* Our Guarantee */
    .post-116 .entry-content .wp-image-361,
    .post-197 .entry-content img {
        float: none;
        display: block;
        margin: 0 auto;
    }
    
	/* Opportunity */
	.post-66 img.alignright {
        float: none;
        display: block;
        width: 100%;
        margin: 10px auto;
	}
	.rep-info {
    	margin: 10px;
	}
	#header .rep-info p {
    	font-size: 1.2em;
	}
	#header .rep-info .intro {
    	font-weight: bold;
	}
	
	/* Getting Started */
	.showcase.left {
    	float: none;
	}
	
	/* Testimonials */
	.easy_testimonial {
    	border-bottom: 2px solid #d6b04b;
	}
	.page-id-236 blockquote.easy_testimonial .testimonial_body {
    	padding-left: 70px;
	}
	.testimonial_author {
    	padding-left: 0;
    	text-align: right;
	}
	
	/* Consultant Success Stories */
	.post-342 .testimonial_author {
        font-size: 1.2em;
        line-height: 1.3em;
	}
}

/* Styling for Tablet */
@media all
and (min-width: 768px)
and (max-width: 1120px) {
	#title-area  {
    	float: left;
	}
	#title {
    	padding-top: 0;
	}
	.header-widget-area {
    	padding-top: 25px;
	}
}
/* Vertical View */
@media all 
and (min-width: 768px)
and (max-width: 960px) {
    
    /* Sidebar Menu */
    .widget.widget_nav_menu .menu li {
        float: left;
        width: 50%;
        border-top: none;
        border-right: 2px solid #916d4f;
        border-bottom: 2px solid #916d4f;
    }
    .widget.widget_nav_menu .menu li:nth-child(even) {
        border-right: none;
    }
    .widget.widget_nav_menu .menu li:nth-child(1),
    .widget.widget_nav_menu .menu li:nth-child(2) {
        border-top: 2px solid #916d4f;
    }
    .widget.widget_nav_menu .menu li:first-chid {
        border-top: 0;
    }
    .widget.widget_nav_menu a {
        display: block;
        padding: 5px 0;
        color: #ffffff;
        text-align: center;
        font-size: 1.3em;
    }
	/* Homepage */
	.home-mid-col.home-mid-1,
    .home-mid-col.home-mid-2,
    .home-mid-col.home-mid-3 {
        position: relative;
        display: block;
        margin: 0 1% 25px;
        text-align: center;
        width: 31%;
    }    
    .home-mid-col .box {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }
    .home-mid-col .box img {
        position: relative;
        width: 100%;
        height: auto;
    }
    .home-mid-col .box .caption {
        background-image: none;
        bottom: 0;
        margin-top: 0;
    }
    .home-bot .wrap {
        background-color: transparent;
        box-shadow: none;
    }
    .home-bot.skin-care-for-all {
        float: none;
        display: block;
        text-align: center;
        margin: 0 auto 40px;
    }
    .home-bot.testimonials {
        float: right;
        width: 39%;
        margin: 0;
    }
    .responsive-testimonials {
        display: none;
    }
    .home-bot .testimonials .widget-wrap a img {
        width: 100%;
        max-width: 300px;
    }
    .home-bot .testimonials .widget-wrap > img {
        width: 100%;
        max-width: 244px;
        margin: 10px auto 15px;
    }
    .home-bot.paragraph-top-right {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 50px;
        padding: 0 25px;
    }
    .home-bot.prod-rollover,
    .home-bot.health-and-wellness,
    .home-bot.color-cosmetics {
        position: relative;
        display: block;
        float: left;
        width: 59%;
        margin: 0 0 15px;
        padding: 0;
    }
        .home-bot-prod-rollover-wrap,
        .home-bot-health-and-wellness-wrap,
        .home-bot-color-cosmetics-wrap  {
            overflow: hidden;
            padding: 15px;
        }
    .home-bot .prod-rollover .widget-title.widgettitle,
    .home-bot .health-and-wellness .widget-title.widgettitle,
    .home-bot .color-cosmetics .widget-title.widgettitle {
        background: none;
        float: right;
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
        top: 0;
        text-align: left;
    }
    .home-bot .prod-rollover .widget-title.widgettitle,
    .home-bot .color-cosmetics .widget-title.widgettitle {
        width: 100%;
        margin: 0;
        padding: 0 0 0 250px;
    }
    .home-bot .health-and-wellness .widget-title.widgettitle {
        float: left;
        margin: 0 250px 0 0;
    }
    .home-bot .prod-rollover .rollover-products,
    .home-bot .health-and-wellness-image,
    .home-bot .color-cosmetics-image {
        margin: -30px 10px 10px 0;
    }
    .home-bot .health-and-wellness-image {
        margin: -30px 0 10px 10px;
    }
    .home-bot .prod-rollover .content,
    .home-bot.health-and-wellness .content,
    .home-bot.color-cosmetics .content {
        clear: right;
        float: none;
        text-align: left;
        margin: 0;
        padding: 0;
        width: auto;
    }
    .home-bot.health-and-wellness .content {
        clear: left;
        float: none;
    }
    .home-bot.responsive-testimonials {
        text-align: left;
    }
	
	/* Testimonials */
	.easy_testimonial {
    	border-bottom: 2px solid #d6b04b;
	}
	.page-id-236 blockquote.easy_testimonial .testimonial_body {
    	padding-left: 70px;
	}
	.testimonial_author {
    	padding-left: 0;
    	text-align: left;
	}
	
	/* Testimonials */
	.easy_testimonial {
    	border-bottom: 2px solid #d6b04b;
	}
	.page-id-236 blockquote.easy_testimonial .testimonial_body {
    	padding-left: 70px;
	}
	.page-id-236 blockquote.easy_testimonial .testimonial_author {
    	padding-left: 70px;
    	font-size: 18px;
    	text-align: left;
	}

}
@media all 
and (min-width: 961px)
and (max-width: 1100px) {
    
}