.show-mobile {
	display: none
}

.hide-mobile {
	display: block
}

@media (max-width: 1448px) {
	.right-menu .online-store-menu .my-cart-items.inline-item,
	.right-menu .online-store-menu .my-cart-total.inline-item{
		display:none
	}
.step-header span {
    font-size: 27px;
}
}

@media (max-width: 1165px) {
	
	.right-menu .online-store-menu .my-checkout-page.inline-item{
		display:none
	}
}

@media (max-width: 879px) {
	
	.right-menu .online-store-menu .my-cart-head.inline-item{
		display:none
	}
}

@media (max-width: 767px) {

.col-billing {
  float: left;
  width: 100%;
}

.woocommerce-cart .cross-sells,
.filter-container,
.left-area-form:after{
display:none!important
}

.cart-coupons{
width:100%
}

.step-desc,
.woocommerce-page.woocommerce table.shop_table, .woocommerce-page table.shop_table{
padding-left:0px
}
.step-number{
left:-54px;
}


.content-single-clinic .right-area {
width:100%

}
.overflow-true, .overflow-true body {
overflow: auto;
}
	
	.show-mobile {
		display: block
	}
	
	.hide-mobile {
		display: none
	}
	
	.nav-menu-mobile{
	position:fixed;
	top:0;
	right:0;
	z-index:500
}


.mobile-menus-button{
	padding: 0;
	display:block;
	position:relative;
	cursor:pointer;
	outline:none!important;
}


.mobile-menus{
	position:fixed;
	height:100%;
	width:230px;
	top:0;
	right:0;
	background:#383838;
	font-style:normal
}

.nav-menu-mobile .mobile-menu-title{
	color: #fff;
	font-size: 1.9em;
	padding: 34px 20px;
	margin: 0;
	font-weight: 300;
	background: #1f1f1f;
}
.nav-menu-mobile ul{
	list-style:none;
	padding:0;
	margin:0;
}
.nav-menu-mobile ul li{
	border-bottom:1px solid #1a1a1a!important
}
.nav-menu-mobile ul li a{
	padding:15px 20px;
	color:#fff;
	display:block;
	width:100%;
	text-decoration:none;
}
.nav-menu-mobile ul li.current-menu-item a{
	border:none;
	background:#646464;
	text-decoration:none;
	
}
.nav-menu-mobile ul li a:hover,
.nav-menu-mobile ul li a:active{
	background:#6c6c6c
}

/* OPEN CLOSE MENU */
body,
.mobile-menus,
.mobile-menus-button,
.big-images-holder,
.nothomeanymore .content-area .skew-background {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

body,
.mobile-menus-button{
	right:0;
}

.mobile-menus{
	right:-230px
}

body.triggered-open,
body.triggered-open .mobile-menus-button,
body.triggered-open .big-images-holder{
	right:230px;
}

body.triggered-open .mobile-menus{
	right:0
}
body.triggered-open.nothomeanymore .content-area .skew-background{
right: 1630px;
}	

.content-about .entry-content, .content-clinic .entry-content, .content-faq .entry-content, .content-news .entry-content, .content-contact .entry-content{
	width:100%
}
.big-images-holder{
	position: relative!important;
height: auto!important;
text-align: center;
width: 90%;
margin:0px auto;
right: auto;
bottom:auto;
}






/* PAGE ITEM RESPONSIVE */
.site-branding{
	width:100%
}
.site-logo:before {
	content: '';
	position: absolute;
	left:-185%	
}
.site-logo a {
display: block;
padding: 15px 15px 5px;;
width: 100px;
}
.single-clinic-date{
margin-top: 45px;
}
.inner-content{
	padding-top:130px
}

.clinic-location {
margin: 25px 0 20px;
}

.left-area,
.right-area{
	width:100%!important;
	margin:0 0 20px 0;
	padding:0!important
}
.content-single-clinic .right-area-clinic{
	width:100%;
}

.content-single-clinic .gform_wrapper{
	max-width:100%;
}

.content-single .entry-content{
	height:auto!important
}

.content-single-clinic .right-area{
	padding:30px!important
}

.news-loop-container .post-loop{
	width:100%;
	margin:0 0 20px 0;
	float:none
}

.clinic-loop{
	width:100%;
	margin:0px 0px 20px 0px
}

.content-contact .entry-content{
	width:100%
}


.erin-bell-sponsors {
position: relative;
bottom: 0;
right: 0;
}

#content-mobile{
	position:relative
}

.m-slides{
	position:relative;

}

.m-slides img{
	display:block
}

.m-slides a{
	position:absolute;
	bottom:15px;
	z-index:50
}

.mobile-inner{
	position: absolute;
	z-index: 10;
}

.erin-footer-sponsor{
	background:#000000;
	padding:30px;
	text-align:center
}


.footer-enroll-button a{
	padding:7px 50px;
	font-style:normal;
	border:1px solid #fff;
	display:inline-block;
	margin-bottom:30px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:15px
}

.footer-enroll-button a:hover{
	background:#fff;
	color:#000
}

.show-mobile .erin-bell-sponsors ul li {
display: inline-block;
max-width: 28%;
margin: 0 1%;
}


/* PAGINATION ON MOBILE */
.mobile-pagination a,
.mobile-pagination span{
	color:#fff;
	background:#6c47b4;
	padding:5px 10px;
	text-decoration:none;	
	margin:0 2px;
	font-style:normal;
	font-size:15px
}

.mobile-pagination span.current{
	background:#55398c
}

.step-header,
.clinic-form-title, .clinic-form-title-2{
	font-size:23px
}

.package-list {
float: left;
width: 100%;
margin-left: 0;
margin-bottom:20px;
}

.content-single-clinic .right-area {
padding: 20px;

}

.gform_wrapper .ginput_complex .ginput_cardinfo_left {
width: 100%;
margin-right: 0;
}

.rrssb-buttons li a span.text{
	display:none;
}
.rrssb-buttons li a{
padding: 0 12px;
}

.entry-meta .post-on{
	float:none;
	margin-bottom:10px
}

#clinic-list{
	position:relative;
	height:100%;
	width:100%
}

	
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices  */
@media (min-width: 768px) {
.site-main{
	width:750px;
	margin:0px auto;
	padding-bottom: 50px;
}
.questions-list{
	width:85%;
}
.article-content .content-text{
	display:none
}

.clinic-loop {
width: 150px;
}

.clinic-desc{
	display:none;
}
.big-images-holder .inner-images{
	position:absolute;
	bottom:0
}
.main-navigation ul li{
	padding:20px 5px;
}
.main-navigation ul li a{
	font-size:15px;
	margin: 0 5px;
}

.main-navigation .right-menu ul li.facebook-menu,
.main-navigation .right-menu ul li.youtube-menu{
	display:none
}

.main-navigation .right-menu{
	padding-right:10px
}

.step-header,
.clinic-form-title, .clinic-form-title-2{
	font-size:25px
}

.package-list {
float: left;
width: 100%;
margin-left: 0;
margin-bottom:20px;
}
.clinic-info-page .right-area-clinic,
.content-single-clinic .right-area {
padding: 20px;

}

.gform_wrapper .ginput_complex .ginput_cardinfo_left {
width: 100%;
margin-right: 0;
}
.rrssb-buttons li a span.text{
	display:none;
}
.rrssb-buttons li a{
padding: 0 12px;
}
#clinic-list{
	position:relative;
	height:100%;
	width:498px
}
}

/* Medium devices  */
@media (min-width: 992px) {
	.clinic-info-page .right-area-clinic,
	.content-single-clinic .right-area {
padding: 30px;
	}
	
	.package-list {
float: left;
width: 30%;
margin-left: 5%;
background: #f0f0f0;
border: 1px solid #6c6c6c;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
position: relative;
}
	
	.step-header,
.clinic-form-title, .clinic-form-title-2{
	font-size:25px
}
	
.site-main{
	width:910px;
	margin:0px auto
}
.questions-list{
	width:85%;
}
.article-content .content-text{
	display:block;
}
.article-content h3{
	font-size: 23px;
}
.clinic-loop {
width: 200px;
}

.clinic-desc{
	display:block;
}
.main-navigation ul li{
	padding:20px 10px;
}
.main-navigation ul li a{
	font-size:16px;
	margin: 0 5px;
}

.main-navigation .right-menu ul li.facebook-menu,
.main-navigation .right-menu ul li.youtube-menu{
	display:inline-block
}

.main-navigation .right-menu{
	padding-right:30px
}

#clinic-list{
	position:relative;
	height:100%;
	width:648px
}


}



@media (min-width: 1200px) {
	.step-header,
.clinic-form-title, .clinic-form-title-2{
	font-size:35px
}
.site-main{
	width:1000px;
	margin:0 auto
}
.questions-list{
	width:90%;
}
.article-content .content-text{
	display:block;
}

.clinic-loop {
width: 220px;
}

.main-navigation ul li{
	padding:20px 15px;
}
.main-navigation ul li a{
	font-size:16px;
	margin: 0 8px;
}
#clinic-list{
	position:relative;
	height:100%;
	width:708px
}

}


@media (min-width: 1600px) {
.site-main{
	width:1190px;
	margin:0 auto
}
.questions-list{
	width:90%;
}
.article-content .content-text{
	display:block;
}

.clinic-loop {
width: 250px;
}
.big-images-holder .inner-images{
	position:relative;
	bottom:auto
}
#clinic-list{
	position:relative;
	height:100%;
	width:798px
}
}

@media (max-width: 400px) {
.step-number{
display:none
}
.billing-el-row-inner {
  padding: 30px 0px;
}
.content-single-product-container {
  padding: 15px;
  background: #fff;
}
}

