/*****class detail *******/
.membership-info-area > li {float: left;width:50%;}
@media only screen and (max-width: 767px) {.signup-bar { width: auto; }}
/* .superboxwrapper{max-width: 720px;} */

/*****signup *******/
.detail-mety{margin-left: 20px;}
.detail-mety td{padding: 5px;}
.detail-color{color: #990000;}
.class-detail td{padding-top: 10px;}
.nact_rach{display: block;position: relative;padding: 20px;background-color: #EFF2F2;border: 1px solid;border-color: #CCCFCF #fff #fff #CCCFCF;}
.nact_rach label{margin-left: 20px;}
.act_rach{display: block;position: relative;padding: 20px;background-color: #990606;}
.act_rach label{color: #fff;margin-left: 20px;}
.act_rach:after{content: '';position: absolute;top: 100%;left: 20px;width: 0;height: 0;border-width: 8px;border-style: solid;border-color: #990606 transparent transparent transparent;}
.country-area > li {float:left;}

/*****profile******/
@media only screen and (max-width: 767px) {	
.edit-profile img { height: auto; width: auto; }	
.image-upload-area > li {width: 50%; float: left;}}

/*****profile link*****/
@media only screen and (max-width: 767px) {	.tabs-red li a{font-size:13px;} .tabs-red li {width:auto;height:auto;} .valid-box{width:auto;}  }

/****profile image ******/
@media only screen and (max-width: 767px) {	
.my-account {margin: 0 auto 0;}	
.my-account .sidebar {width:100%;}	
.sidebar .sidebar-center,.sidebar .sidebar-top {		background-image: url('/resources/images/main_content_bg.jpg');	}	
.sidebar .sidebar-top{height: 41px;}	
.sidebar .sidebar-bot{background-image: none; height: 0px;}	
.sidebar .sidebar-center 	{		min-height: 212px;	}		
.sidebar ul > li 	{		float: left;		width: 50%;	}		
.my-account .sidebar img {height: auto; width: auto;}		
.mobile-profile-title{ padding: 5px 10px 0;}
.my-account ul .print{ float: right; }
}
.my-account ul {margin-bottom: 0px;}

/****billing****/
.detail-mety{margin-left: 20px;}
.detail-mety td {padding: 5px;}
@media only screen and (max-width: 767px) {	}	


/****Calendar****/
.calendar-header > li{width: 180px;}

/****membership-area****/
@media only screen and (max-width: 767px) {
.my-account {margin: 0 auto 0;}
.mobile-sidebar {	width: 100%; 	background-image: url('/resources/images/main_content_bg.jpg');	min-height: 530px;}
.mobile-sidebar .barcode {width: 190px;}
.titlebar {height: 50px;}
.titlebar > li {width:50%; float: left;}
}
.mobile-two-columns > li {width: 50%; float: left;}
.print-badge-area {display:none;}