.slicknav_menu {
	display:none;
}
@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
@media screen and (max-width: 767px) {
	html {background: #fff; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */}
	body {background: #fff;}
	body:after {display: none; content: "smallscreen";}
	.desktop {display: none;}
	.mobile {display: block;}
	a:link, a:visited, a:hover, a:active, a:focus {color: #0080ff; text-decoration: none;}
	#wrapper {width: 100%; margin: 0 auto; padding: 0; text-align: left;}
		#content_wrapper {width: 100%; margin: 0; padding: 0;}
		#content_wrapper.external, #content_wrapper.noLeftNav {width: 95%; margin: 0; padding: 0 0 0 8px;}
		#header {margin: 0 auto; background: #FFF url() repeat-x center top; height: 105px; position: relative; text-align: center; padding-bottom:0;}
		#header.noTopNav {height:65px;}
		#header_logo {height:65px;}
		#header_logo img {margin: 12px auto;}
		#header_nav {margin: 0 auto; background-color: #E9E9E9; height: 36px; position: relative; text-align: left; padding: 4px 10px 0 10px;}
			#nav_left {position:relative; float:left;}
			#nav_right {position:relative; float:right;}
		nav {width:100%; float:none;}
			.outer-nav {width: 100%; margin: 0; padding: 0;}
			.inner-nav li:hover a {background-color: #fff;}
			.inner-nav li.active:hover a, .inner-nav .active a {background: #a60505 url('care_mobile_section_on_arrow.png') no-repeat right 10px; cursor: pointer; color: #fff;}
			#right_content_area a:link, #right_content_area a:visited, #right_content_area a:hover, a:active, #right_content_area a:focus {background: none; border:none; color: #0080ff; text-decoration: none; font-weight: normal;font-family:Verdana, Geneva, sans-serif; font-size: inherit; margin: 0; padding: 0; display: inline;}
			#sort li.active:hover li.active:hover, #sort .inner-nav li.active:hover a, #sort .inner-nav .active a {color: #000;}
			.inner-nav .active a:after {border:none;}
			.inner-nav li a {background: transparent url('care_mobile_section_off_arrow.png') no-repeat right 10px;}
			.outer-nav > li > a {display:none;}
			.active .inner-nav {margin: 0; background-color: #fff;}
			#mmtitles {display:inline;}	

		.title a:link, .title a:visited, .title a:hover,.title a:active, .title a:focus {color:#000;text-decoration:none;}

		#left_content_area {clear:left; float: none; width: 100%; margin: 0; padding: 0;}
		#right_content_area, #right_content_area.wide, #right_content_area_invalid {width: 100%; float: none; background-color: transparent; border-top: 1px dotted #BFBFBF;}		
			.acct-section, .gift-section {width: 100%; border-bottom: 1px dotted #BFBFBF; height: auto; padding: 10px; line-height: 20px; background-color: none;color: #000;}
			.account {width: 100%; text-align: left; margin: 0 0 5px 0;}
			.acct-info {width: 100%;}
			.donee {}
			.gift {background-color: #E3E3E3;}
			.gift-off {background: #E3E3E3 url('care_gift_arrow_off.png') no-repeat right 5px center;}
			.gift-on {background: #E3E3E3 url('care_gift_arrow_on.png') no-repeat right 5px center;}
			#right_content_area a:link, #right_content_area a:visited, #right_content_area a:hover, #right_content_area a:active, #right_content_area a:focus, #right_content_area.wide a:link, #right_content_area.wide a:visited, #right_content_area.wide a:hover, #right_content_area.wide a:active, #right_content_area.wide a:focus, #right_content_area_invalid a:link, #right_content_area_invalid a:visited, #right_content_area_invalid a:hover, #right_content_area_invalid a:active, #right_content_area_invalid a:focus,  {border: none; background: none; color: #0080ff; text-decoration: none; font: 100%/1.4 Verdana, Geneva, sans-serif; font-weight: normal; padding: 0; display: inline;}
			
		#wrapper_end {width: 100%; background:none; height:0;}
	
		.entry-form, .entry-formEP {padding: 10px; line-height: 1.5em; color:#000;}
			#account_number_login, #email_password_login, #name_address_login {background-color: #E3E3E3;}
		fieldset {background-color: #E3E3E3; padding: 10px; line-height: 1.5em; color: #000;}
		.pad0 {padding: 0;}
		.pad10 {padding: 10px;}
		.noBorder {border:none;}
		#right_content_area.noBorder, #right_content_area_invalid.noBorder {border:none;}
		
		.title {font-size: 1.2em; font-weight: bold; height: 35px; margin-top: 5px; padding-left: 10px;}
		#subhead {height: 3em; text-align: center; color: #a60505; font-weight: bold; font-size: 1.2em; margin-top: 10px;}
		#intro {text-align: left; width: 95%;}
		#help {text-align: left; width: 90%; padding: 10px;}
		
		#sort {}
		
		#conf-img.cover {display:none;}
		
		label, label.renew_gift, label.add_donee {width: 100%; font-weight: bold; padding:0; margin: 5px 0 0 0;}
		label.cofa {text-align:left;}
		label.resumeLabel {width: 20%; font-weight: bold; padding:0; margin:0; line-height:40px;}
		.accordion-container {border-bottom: 1px dotted #BFBFBF; position: relative; width: 98%; height: auto; padding: 10px; cursor: pointer;}
		.accordion-container:last-child {border: none;}		
		.accordion-content {width:90%;}
		.accordion-content li {list-style: decimal outside none; padding: 0px; margin: 0px; margin-left: 1.7em; border: none; line-height: 1.5em; min-height:inherit;}
		.accordion-toggler {background: transparent url('care_accordion_off.png') no-repeat right; width: 98%;}
		.accordion-off {background: transparent url('care_accordion_off.png') no-repeat right;}
		.accordion-on {background: transparent url('care_accordion_on.png') no-repeat right;}
		.mm-container:last-child {border-bottom: 1px dotted #BFBFBF;}
		ul.mm-list-container  {list-style-type: none; margin: 0px; padding: 0px;}
		li.mm-list-items {display: block; list-style-type: none; width: 80%; float: none;}
		.accordion-container.devices {border: none; background-color:transparent; background-image:none; position: relative; width: 100%; height: auto; padding: 10px 0; cursor: pointer;}
		.footnote {width:95%;}
		a:link, a:visited, a:hover, a:active, a:focus {color: #000; text-decoration: none;}
		#cancelKE {margin-bottom: -15px;}
		#gift_renewal {margin:0;}
		#engage input, #engage select, #engage .text_input_address, #engage textarea, #gift_renewal input[type="text"], #gift_renewal select, #gift_renewal textarea, #invalidAccess .text_input_zip, #invalidAccess .select_input_address, #invalidAccess .select_input_state, #invalidAccess .select_input_country {width: 97%; height: 40px; line-height: 1.5em; border: 1px solid #999; margin:5px 0; background-color: #FFF; padding-left:5px;}	
		#engage .ccexpire {margin-right: .5em;}
		#cofa .text_input_address, #contactKEmobile .text_input_address, #contactKEmobile .select_input_address {width: 97%;}
		#cofa .text_input_city {width: 53%;}
		#cofa .text_input_zip {width: 15%;}
		#cofa .select_input_address  {width: 48%;}
		select {-webkit-appearance:listbox; width:97%; height:40px; line-height:40px; background-color: #fff; padding-left:5px;}
		#invalidAccess .state, #invalidAccess .zip, #invalidAccess .postal {width: 100%; margin: 0;}
	#engage input[type="radio"], #engage input[type="checkbox"] {width: 20px; height: 20px; margin-top: 0; background-color: transparent;}
	#submit input, #buttonDiv input {float: none; width: 240px; height: 45px; clear: left; margin: 10px 0; border: none; padding: 0; background-color: transparent;}
	#ccbox {background: transparent url('cards.png'); margin: 0 10px 0 4px; padding: 0; width: 150px; height: 23px; overflow: hidden; float: right; position:relative;}
		
	#global-footer {display: none;}
	
	/*---------- MODAL ----------*/
	#modal-invalid {display:none;}
	#backgroundPopup {display:none;}
	
	/*---------- HOMEPAGE ----------*/
	#content_wrapper {margin: 0 auto; padding: 10px 0 0 0;}
	#home_mgsub_mobile, #home_profile_mobile, #home_digital_mobile, #home_maxsub_mobile {padding: 0 40px 0 65px;}
	#home_mgsub_mobile {background: transparent url('care_mobile_mngsub_icon.png') no-repeat left 6px; height: 65px;}
	#home_profile_mobile {background: transparent url('care_mobile_profile_icon.png') no-repeat left 6px; height: 65px;}
	#home_digital_mobile {background: transparent url('care_mobile_digital_icon.png') no-repeat left 6px; height: 65px;}
	#home_maxsub_mobile {background: transparent url('https://subscribe.condenet.com/images_covers/cover_glamour_100.jpg') no-repeat left 6px; height: 65px; background-size: 51px auto;}
	#home_mm_mobile {background: none; height: auto; padding: 0 50px 0 0;}
	.home_content_mobile {float: left; width: 100%; height: 100%; position: relative; color: #B1B1B1; border-bottom: 1px dotted #BFBFBF; background: #FFF url('care_mobile_login_arrow_off.png') no-repeat 95% center; padding: 10px; overflow:auto;}
	.home_content_mobile b {color: #000;}
	.VGS_review, .VOG_review {
		background-color: #E3E3E3;
	}
}
@media (min-width: 768px) and (max-width: 1024px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 
	.desktop {display: block;}
	.mobile {display: none;}
	body:after {display: none; content: "largescreen";}
	#wrapper {width: 98%; background-size: 100%; margin: 0 auto;}
		#header {overflow: hidden; background-size: 100%; padding-bottom: 1.5%;}
			#dotcom {float: left; margin: -2% -100% 0 70%;}
			#custcare {float: left; margin: 14.5% -100% 0 5%; width: 22%;}
			#message {float: left; margin: 14.5% -100% 0 29%; width: 29%; font-size: 14px;}
			#logout {float: left; margin: 13% -100% 0 62%; width: 9%;}
			#contact {float: left; margin: 15% -100% 0 69.5%; width: 40%;}
			#phone {width: 24%; padding:0 1% 0 2%;}
			#chat {width: 16%; padding:0 3%;}
			#email {width: 15%; padding:0 2%;}
			#phone img {width: 95%;}
			#chat img {width: 95%;}
			#email img {width: 95%;}
		#content_wrapper {width: 90%; margin: 0 auto; padding: 10px 0 0 0;}
		#left_content_area {margin: 0 2% 0 0; width: auto; padding: 0;}
		#left-nav {width:100%;}
		#login-methods {width:100%;}
		#right_content_area, #right_content_area.wide {float: left; margin: 0; width: 60%; padding: 0;}
			fieldset {background-color: #FFF; padding: 10px; line-height: 1.5em; width: 97%;}
			#intro {width: 100%;}
			label, label.resumeLabel {margin: 0 0 10px 0;}
			label.cofa {text-align: left; float:left; line-height: 40px;}
			.account {width: 48%; margin: 0 10px 0 0;}
			.acct-info {width: 48%;}
			.acct-section, .gift-section {background-size: 100%;}
			.donee{}
			.gift {background-color:#F1F1F1;}
			.gift-off {background: transparent url('care_gift_arrow_off.png') no-repeat right;}
			.gift-on {backgroacct-info-giftund: transparent url('care_gift_arrow_on.png') no-repeat right;}
			#engage input, #engage select, #engage textarea {width: 97%;}
			#engage input[type="radio"], #engage input[type="checkbox"] {width:10px;}
			#ccbox {margin-bottom: 10px;}
			#cofa .text_input_zip {width: 22%;}
			#cofa .text_input_city {width: 34%;}
			#cofa .select_input_address {width: 47%;}
			#cofa .effectiveDates {width: 50%;}
			#submit input, #buttonDiv input {width: 240px; height: 45px; clear: left; margin: 20px 0; border: none; padding: 0; background-color: transparent;}
			ul.mm-list-container  {margin-bottom:60px;}
			li.mm-list-items {width: 33.3333333333%; margin:0;}
		#right_content_area_invalid {float: left; margin: 0; width: 100%; padding: 0;}
			#invalidAccess .text_input_zip, #invalidAccess .select_input_address, #invalidAccess .select_input_state, #invalidAccess .select_input_country {width:100%;}
			#invalidAccess .state, #invalidAccess .zip, #invalidAccess .postal {width: 100%; margin: 0;}
	#wrapper_end {width: 98%; overflow: hidden; background-size: 100%;}
	#global-footer {display: none;}
	/*---------- HOMEPAGE ----------*/
	#content_wrapper_home {padding: 0 15px; width:98%;}
	#left_column {padding:1%;}
	#center_column {padding:1%;}
	#right_column {padding:1%;}
	#left_column img, #center_column img, #right_column img {width:90%;}
	#bottom_content {background: none; padding: 2%; margin:0; position: relative; width: 94%; height: auto; }
	#bottom_content_top {}
	#bottom_left_column {position: relative; float: left; width: 40%; margin-right: 1%;}
	#bottom_right_column {position: relative; float: left; width: 58%;}
	.column_content {margin: 0 10px; line-height: 20px;}
}
@media (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { 
	.desktop {display: block;}
	.mobile {display: none;}
	body:after {display: none; content: "largescreen";}
	body{margin:0;padding:0;}
	#wrapper {width: 98%; background-size: 100%; margin: 0 auto;}
	#content_wrapper {width: 90%; margin: 0 auto; padding: 10px 0 0 0;}
		#left_content_area {margin: 0 1% 0 0; width: 35%;}
		#left-nav {width:100%;}
		#login-methods {width:100%;}
		#right_content_area, #right_content_area.wide, #right_content_area_invalid {float: right; margin: 0; width: 62%; padding: 0;}
    #header {height:auto;overflow: hidden;margin-top:15px;}
	#wrapper_end {width: 98%; overflow: hidden; background-size: 100%;}
}