@media screen and (min-width: 766px){
	.qualityDisplay {
		display:none;
	}
}

@media (max-width: 767px) {

	#home{
		margin: 0 0 30px;
	}

	#inner_body h1 { margin-top:15px !important; font-size:26px; }

	#videoContainer{
		padding: 10px 0;
		text-align: center;
	}

	#hieExplanation{
		width: 100%;
	}

	#inner_body .container {
		padding: 0; margin-top:4px;
	}

	.inner_content{
		padding: 0 10px 10px;
	}

	#subHeader a {
		float: left;
		margin-left: 10px;
		font-size: 12px;
	}
	#subHeader span { margin: 8px 0; padding: 0;}
	/*#subHeader a.langButton { float: right; }*/

	#stepImage1, #stepImage2, #stepImage3 { width:auto; margin-top:15px !important; }

	footer { font-size:12px; }
	.bottom_nav .nav > li > a { padding:7px;  }
	#search_title{
		display: none;
	}

	#search .personInfo {
		margin-bottom: 20px;

	}

	#search .personInfo:nth-child(odd) {
		background-color: #F9F9F9;
	}

	#search .personInfo > div{
		width: 100%;
	}

	#search .person {
		text-align: center;
	}

	#search .personInfo .sr-only{
		display: inline-block;
		position: relative;
		width: 50%;
		word-wrap: break-word;
		height: inherit;
	}

	#search .personInfo .checkbox .sr-only{	width: 100%; }
	div.personInfo .form-control { float: right; width: 50%; margin-bottom:5px; }
	div.personInfo select.form-control { padding-top: 10px; padding-bottom: 10px; }

	#ageContent { text-align: left; }
	#addPersonButtonMobile{	display: block; }
	#addPersonButton{ display: none; }
	#removeButton {	display: none;}
	.removeButtonMobile, .removeDoctorButtonMobile button, .removeDrugButtonMobile button {
		display: block;
		border-color: #e72b2d;
		color: #e72b2d;
	}

	.button_column button:hover,.button_column button:focus {
		display: block;
		border-color: #c9302c;
		color: #c9302c;
	}
	.button_column { padding: 5px 15px; }

	div.person { font-size: 18px; font-weight: bold; margin-bottom: 15px;}

	#searchForm .personInfo .text-center { text-align: left; }
	#searchForm .checkbox { margin-bottom:0px; }
	#searchForm .checkbox label { margin-bottom:0px; }


	div.button_row span.smaller {
		display: none;
	}

	div.button_row {
		text-align: center;
	}

	.button_column button{
		float: right; 
	}
	#totalSubsidy {
		padding: 10px 0 10px 0;
	}

	p.alert{
		margin: 0;
	}

	.removeDoctorButtonMobile,.removeDrugButtonMobile {
		display: inline-flex;
		margin-right: 10px;
	}

	.removeDoctorButtonColumn,.removeDrugButtonColumn{
		display: none;
	}

	.doctor_name {
		display: inline-flex;
	}

	#doctors_list,#drugs_list {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.doctors_selected {
		height: 40px !important;
	}

	div.button_bar div.checkbook {
		width: 150px;
		left: 5px;
		top: 20px;
		width: 100px;
	}

	div.button_bar div.checkbook img {
		width: 100px;
	}


	#income_input_container{
		width: 55%;
	}

	/*
		Drugs Page
	*/
	.drugs_selected span.dosage, .drugs_selected span.strength{
		margin-left: 50px;
	}

	.removeDrugButtonMobile{
		margin-top: 10px;
	}

	.drugs_selected {
		margin-bottom: 20px;
	}

	.drugs_selected a {
		position: relative;
		top: 10px;
	}

	.drugInfo {
		position: relative;
		top: -10px;
		display: inline;
	}

	#drugsInfo .indent {
	    padding-left: 0px;
	}

	/*
		Plans Page
	*/
	#filtersLeftNav{
		background-color: #f3f3f3;
		border: 1px solid #ddd;
		width: 70%;
	}

	#planList td,#planList th{ width: 100%!important; }
	#planList th:nth-child(4),#planList th:nth-child(2),#planList th:nth-child(3) {	display: none; }
	#planList td:nth-child(4),#planList td:nth-child(2),#planList td:nth-child(3) { display: none; }
	#planListContainer{	width: 100%; }
	#planList tr th.sortedBy, #planList tr td.sortedBy { background-color: #fff; }

	#planList thead { display: none; }
	#planList { border-collapse: separate !important; border-spacing: 8px !important; }
	#planList tr td { border: solid 1px #d2d2d2 !important; box-shadow: 0px 10px 0px #f7f7f7; padding: 10px;}
	#planList .planInfoWrapper2 { margin-left:0px; }
	#planList .mobilePlanInfo { border-top: solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; overflow: hidden; margin: 8px 0px; padding: 8px 0px; }
	#planList .mobilePlanInfo > div { width:50%; float:left; text-align: center; }
	#planList .mobilePlanInfo > div > span { display: block; }
	#planList .mobilePlanInfo > div > strong { display: block; font-size: 22px; }
	#planList .mobilePlanInfo hr { clear: both; }
	#planList .planInfoWrapper2 em { font-size:11px; line-height: 1.1em; color:#777; }
	#planList .planInfoWrapper2 em span { font-weight: bold; }

	.row.planList.topBar { margin-right:-6px; }
	#sortByForm { width: 100%; }
	#plans_count_div {  white-space: nowrap; }
	#plans_count_div h4 { margin: 0px 0px 0px 10px; font-size: 14px; }
	#filterBar { margin-top:19px; padding-left:0px; white-space: nowrap;}
	#sortByForm label { margin-top:6px; text-align: right; }
	#sortByForm select { margin-right:6px; }

	#filtersButton { display: inherit; margin-left: 8px; margin-top: 10px;	}
	#filtersButtonClose { display: inherit; left: 10px;	position: relative;	}
	#filtersLeftNav h5 { margin-top: 10px; }
	.planList h1 { margin-bottom:18px; }
	#seeFavorites {	border: 0; }

	.planMoreInfo {	display: inherit; }
	.planMoreInfo strong.larger .lowlight {	display: inline; }
	#stepImage1 { left: -10px; position: relative; }


	#stepImage2{ left: -355px; position: relative; margin-top:0px !important; }

	.compareCheck.checkbox {
		display: none;
	}

	/*
		Plan Information Page
	*/

	#planComparison th, #planComparison td { padding: 6px; }
	#planComparison tr.topRow th.poweredBy { width: 55%; }
	#planComparison tr.topRow th.planColumn { min-width: 45%; }
	a.print {
		display: none;
	}


	.enrollModal .modal-dialog, #drugInfo .modal-dialog{
		width: 100%;
		margin: 0;
	}

	.enrollModal {
		width:100%;
		z-index: 1150;
		padding: 0 !important;
	}

	.enrollModal .modal-body, #drugInfo .modal-body{
		width:100%;
		padding: 0;
	}

	.enrollModal .modal-body .btn, #drugInfo .modal-body .btn{
		display: block;
	}

	#drugInfo {
		padding: 0 !important;
	}

	#ajaxModal, .hospitallist{
		width: 100% !important;
	}

	#ajaxModal .hospitallist .modal-body { padding: 12px 6px;  }

	#drDetails, #drDetails .modal-dialog{
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		height: 100%;
	}

	#ajaxModal #hospitalTable button.enroll{
		display: none;
	}

	.tooltip, .tooltip-inner {
		width: 100% !important;
		max-width: 100% !important;
	}

	.videoTour{
		display: none;
	}

	.tooltipSpan {
		display: none;
	}

	.plansOfferedBody p { font-size: 15px; }
	.plansOfferedHeader button::before, .plansOfferedHeader button::after { display: none !important; }
	.plansOfferedHeader button { width: 33%; margin-right: 0.5%; white-space: normal; line-height: 14px !important; }
	.plansOfferedHeader button span { padding-left:0px; font-size:14px; line-height: 14px !important; }

	.empFamily .personInfo .sr-only { display: inline-block; position: relative; width: 50%; word-wrap: break-word; height: inherit; }
	.empFamily .personDoB { width: 100%; }
	.empFamily .coveredName { text-transform: uppercase; font-size: 18px; text-align: center; padding: 0px 15px; margin-bottom:10px; }
	.empFamily .step { margin-top:0px !important; }

	.vMiddle { margin-top:12px; }

	.SHOP div.checkbook { display: none; }
	.SHOP #stepImage1 { left:-279px; }
	.SHOP #stepImage2 { left:-533px; }

	.personInfo .person { padding: 0px; }

}