@charset "utf-8";
@media only screen and (min-width:1200px)
{
#juice-cleanses .scroll_wrap{margin: 0 auto; width:100%; float:none;}	 
}
@media (min-width: 1601px) and (max-width: 2000px) {
header{min-height:283px;}
#about-us .bg {left: 170px;}
}
@media (min-width: 1400px) and (max-width: 1600px) {
header{min-height:242px;}
#about-us .bg {left: 83px;}
	}	
@media (min-width: 1088px) and (max-width: 1200px) {

#about-us .bg {
    left: 0;
    position: absolute;
    top: 310px;
}
#about-us .bg img{ width:83%;}
.cycle-prev, .cycle-next {width: 7%;}
.cycle-prev {
    background: url("../img/slide-left-arrow.png") no-repeat scroll 1% 50% / 54% auto rgba(0, 0, 0, 0);
    left: 0;
}
.cycle-next { background-size:54%;}

}

@media (min-width: 1201px) and (max-width: 1300px) {
#about-us .move-right {
    padding-left: 549px;
}
.cycle-prev, .cycle-next {width: 8%;}
	}
@media only screen and (min-width: 775px) and (max-width: 995px) {

	}	
@media only screen and (min-width: 992px) and (max-width: 1081px) {
header nav{ background:#f87301; width:100% !important;  top:160px;}
header nav ul{ margin-left:8.5px;}
header nav ul > li:nth-child(5) a{ padding-left:5px;}
header nav:before, header nav:after{ background:none;}
#about-us .bg{ top:36%;}
.bg img{ width:70%;}
.sub-menu-last .sub-menu a{ z-index:999999;}
.container{ width:98%; padding-left:1%; padding-right:1%;}
#cold-pressed-juicer .right{ padding-right:0px;}
#whats-happening {background: url("../img/whats-happening-bg.jpg") no-repeat scroll -376px top rgba(0, 0, 0, 0);}
.cycle-prev{right: 108px; left:inherit;}
.cycle-prev, .cycle-next {cursor: pointer;height: 77px;position: absolute;top: 45px;width: 12%;z-index: 800;
}
header nav{ background:#f87301;}
header nav:before, header nav:after{ background:none;}
.nav-collapse li {background:#ff7307;}
header nav ul{ margin-left:0px;}
.nav-collapse a{ margin:0px;}
header nav ul > li > a{ padding-top:15px; padding-bottom:15px;}
.sub-menu-last .sub-menu a{ background:#f87301;}
.sub-menu-last .sub-menu a:hover{ background:#3b1504;}
.sub-menu-last .sub-menu a {display: block;
    margin-top: 25px;
    padding: 19px 14px 37px;
    width: 100%;}
header nav ul > li > a:hover{ border-radius:0px;}
header nav ul > li.active > a{border-radius:0px;}
#about-us{ padding-top:30px;}

header nav ul > li:nth-child(4){ margin-right:0px;}
header nav ul > li:nth-child(5) a{ padding-left:14px; padding-right:14px;}
header nav ul > li:nth-child(6) a{ padding-left:14px; padding-right:14px;}
header nav:before, header nav:after{ display:none !important;}
header nav:after{display:none !important;}
header {background: url("../img/header.jpg") no-repeat scroll center 0px / cover rgba(0, 0, 0, 0);
min-height: 195px;}
}
@media only screen and (max-width:959px) {
header nav ul > li:nth-child(4){ margin-right:0px;}
#about-us{ padding-top:30px;}
header nav{ background:#f87301;}
header nav:before, header nav:after{ display:none !important;}
header nav:after{display:none !important;}
#about-us .bg{ top:36%;}
.bg img{ width:70%;}
#juice-cleanses .scroll_wrap{ float:left;}
.container{ width:95%; padding:0px 2.5%;}
header .jointherepublic{ width:30%;}
header .jointherepublic img{ max-width:100%;}
header nav{ top:160px;}
#about-us .move-right{ padding-left:0px;}
.slide01{ background:#1a110c;}
.slide02{ background:#1a110c;}
.slide03{ background:#1a110c;}
.cycle-slideshow section{ height:auto;}
#cold-pressed-juicer .right{ padding-right:0px;}
#whats-happening .two-boxes, #whats-happening .full-box{ overflow:hidden; padding-left:0px; padding-right:0px;}
header nav ul > li > a{ margin:0px; padding: 15px 14px;}
.sub-menu-last .sub-menu a {display: block;
    margin-top: 25px;
    padding: 19px 14px 37px;
    width: 100%;}
.cycle-prev{right: 108px; left:inherit;}
.cycle-prev, .cycle-next {cursor: pointer;height: 77px;position: absolute;top: 45px;width: 12%;z-index: 800;
}
.nav-collapse li {background:#ff7307;}
header nav ul{ margin-left:0px;}
.sub-menu-last .sub-menu a{ background:#ff7307;}
.sub-menu-last .sub-menu a:hover{ background:#3b1504;}
#cold-pressed-juicer{ float:left; width:100%;}
#whats-happening{ float:left; width:100%;}
#franchise{ float:left; width:100%;}
#locations{float:left; width:100%;}
header nav ul > li > a:hover{ border-radius:0px;}
header nav ul > li.active > a{border-radius:0px;}

footer{ float:left;}
footer ul.links li{ margin-right: 15px;   padding-right: 20px;}
#about-us .bg {bottom: 0px;left: 0;margin-bottom: 20px; position: relative;text-align: center;}
#about-us .bg img{ width:100%;}
#locations .address-wrap{ width:290px; bottom: 90px;}
#locations .address h3{ width:100%; float:left;}
#menu .title-right{display:none}
}
/*====  Mobile Landscape (480px) ======= */
@media only screen and (max-width:767px)
{
.cycle-prev, .cycle-next{width: 15%;}
#cold-pressed-juicer{ float:left; width:100%;}
#whats-happening{ float:left; width:100%;}
#franchise{ float:left; width:100%;}
#franchise h1{ padding:0px;}
#locations{float:left; width:100%;}
#franchise .form-wrap{ width:95%;}
#whats-happening .two-boxes .box1{ width:100%;}
#whats-happening .two-boxes .box2{ width:100%; margin-top:20px;}
#whats-happening .box h2 span.big {margin-left: 11px;}
#whats-happening .full-box .blog .blog-image{ width:100%;}
header .logo{ width:160px; top:80px; margin-left: -84px;}
.container{ width:98%; padding-left:1%; padding-right:1%;}
#wpcf7-f16-o2 span.wpcf7-not-valid-tip{ display:none !important;}
#wpcf7-f16-o2 .wpcf7-not-valid{ border:1px solid red !important;}
.content-left{ width:100%; margin-bottom:20px;}
.sidebar{ width:100%;}
.move-to-top{ display:none;}
/*#menu section{height: 600px; overflow-y: scroll;}*/
#menu .title-right{display:none}

}

/*====  Mobile Portrait (320px) ======= */
@media only screen and (max-width:479px) {
.nav-collapse li{ width:100% !important;}
header nav ul > li:nth-child(4){ margin-right:0px;}
header nav ul > li > a{padding: 5px 14px !important;}
.sub-menu-last .sub-menu a {display: block;left: 0;margin-top: 5px;padding: 5px 14px 30px;width: 100%;}
header .jointherepublic{ width:38%;}
#juice-cleanses .scroll_wrap{ width:auto;}
.cycle-prev, .cycle-next{ width:30%;}
.cycle-prev{ background-size:52%;}
.cycle-next{ background-size:52%;}
.cycle-slideshow section h1{ padding-top:54px;}
#cold-pressed-juicer .left{ width:100%; text-align:center;}
#whats-happening .full-box .blog{ width:100%;padding-right:0px; padding-left:0px; margin-bottom:20px;}
#whats-happening .full-box .box{ padding-left:10px; padding-right:10px;}
#whats-happening .full-box .blog .blog-image{ width:40%; min-height:150px; }
#whats-happening .full-box .blog:nth-child(2n+1){ padding-right:0px;}
#locations .address-wrap{ width:80%;}
#locations .address img{ display:none;}
#locations .address ul li:nth-child(2){ padding-left:30px;}
#locations .address ul li:nth-child(3){ padding-left:30px;}
#locations .address{ padding:15px;}
#locations .address ul li{font-size:16px;}
.mCSB_scrollTools .mCSB_draggerContainer{bottom:25px !important;}

}

@media (max-width: 1200px){
#menu .title-right { display: none;}
.bx-wrapper .bx-controls .bx-prev{right: 125px; left:inherit;top:40px;}
.bx-wrapper .bx-controls .bx-prev, .bx-wrapper .bx-controls .bx-next {cursor: pointer;height: 77px;position: absolute;top:0;width: 12%;z-index: 800;}
.bx-controls.bx-has-controls-direction{top:20px;} 
.bx-wrapper .bx-controls .bx-prev, .bx-wrapper .bx-controls .bx-next { width: 40px; background-size: 40px;} 
.bx-wrapper .bx-controls .bx-prev { right: 80px;}
}
@media (max-width: 767px){
.left-text, .right-text { float: none; width: auto; padding: 0;}
}