/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width:
	480px) {
	.landing>.landing-content h1 {
		font-size: 24px;
	}
	.landing>.landing-content h2 {
		font-size: 17px;
	}
	/* .landing-content {
		margin: -41px 0 35px 0;
	} */
	.chkbx>.checkbox label {
		/* 	float: left !important; */
		margin-top: 3px !important;
	}
	.mCard-xs .InjHumiraImg img:nth-child(1) {
		width: 65%;
	}
	.mCard-xs .InjHumiraImg img:nth-child(2) {
		max-width: 80%;
	}
	.mCard-xs .actionBtn {
		width: 110px !important;
	}
	.whiteBold {
		font-size: 26px !important;
	}
	.dosage-notification-template{
	 width: 294px !important;
	 padding:5px;
	 margin: 0 4px 136px;
	 position: absolute;
     z-index: 10;
	}
	.disenrollbox .modal-content,.set-reminder-modal > .modal-dialog{
	  width: 296px !important;
	  margin: auto;
	}
	
}

@media ( max-width : 767px) {
	.container-fluid, .main-container {
		padding: 0px;
	}
	nav.navbar-static-top.gradient>div .gradientHeaderLogo {
		left: 85px;
	}
	nav.navbar-static-top.gradient>div .rightBtn {
		position: absolute;
		right: 0;
		padding: 11px 5px 11px 0px;
	}
	.userNotificationBtn>.row {
		margin-right: 0% !important;
		margin-left: 0% !important;
	}
	.ConsentTermsDiscription>blockquote {
		width: 100% !important;
	}
	.userNotificationBtn>div.row .text-right>button {
		margin: 3% 66% 0 0;
	}
	.col-centered {
	margin-right: auto;
    margin-left: auto;
    display: table !important;
    text-align: center;
}
	
}

@media ( max-width : 460px) {
	.actionBgImg {
		padding: 0px;
	}
	.actionBgImg>div {
		min-width: 100%;
		border-radius: 5px;
		right: 0pt !important;
	}
}

@media screen and (max-width: 768px) {
	/* .happy_fun {
		max-width: 80px !important;
	} */
	.impSec {
		top: 0px !important;
	}
	.dosageCard {
		width: 100%;
	}
	.dosageCard div h4 {
		/* 	text-align:left; */
		border-bottom: none;
		margin: 0px 0px 0 10px;
		display: inline-block;
	}
	.humiraDosageInstraction {
		margin: 0px;
		padding: 0 28px 0 10px;
	}
	.humiraDosageInstraction .humiraDosageAkBtn {
		position: relative;
		left: -58px;
	}
	/* [alt=dosage_reminderIcon] {
		display: none;
	} */
	.dosageCard .dosageCardHeadingTop {
		/* 	line-height: 19px; */
		float: none !important;
		text-indent: 12px;
		display: -webkit-box;
		display: -ms-flexbox;
		margin-top: 9px
	}
	.trackerCard .row .complienceHeading {
		margin-bottom: -35px;
	}
	.trackerCard .improveScore {
		margin: 0 0 0 29px;
	}
	.humiraDosageInstraction .col-xs-offset-9 {
		text-align: right;
		padding-right: 0;
	}
	.footer.white {
		background-image: url(../assets/images/Footer-Right-Image.png)
			!important;
	}
	 .pdfview{
	  padding-left: 2px;
	 padding-right: 0px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.happy_fun {
		max-width: 132px !important;
	}
	.chkbx>.checkbox label {
		float: left !important;
		margin-top: 3px !important;
	}
	.bs-wizard {
		width: 50% !important;
	}
	.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
		font-size: 11px !important;
	}
	.checkbox>label.whiteSpace {
		padding-left: 0px;
	}
	.whiteSpace p {
		margin: 0 -36px 0 11px !important;
		margin-top: -4px !important;
	}
	.footer.white>ul:FIRST-CHILD {
		padding-top: 8px !important;
	}
	.footer.white>p {
		margin: 8px 8px 32px 8px !important;
	}
	/* .humiraDosageInstraction {
		position: relative;
		left: 50px;
		width: calc(100% - 100px);
	} */
	 .pdfview{
	 padding-left: 2px;
	 padding-right: 0px;
	}
}

@media screen and (max-width: 1130px) and (min-width: 320px) {
	label.whiteSpace {
		margin-right: 0% !important;
	}
	.trackerCard .update {
	    width: 120px;
	}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and
	(max-device-width:1024px) {
	.landing-content {
		margin: -41px 0 0 0;
	}
	.transparent-color-green {
		margin-top: 0px !important;
	}
	.chkbx>.checkbox label {
		float: left !important;
	}
	.humiraDosageInstraction .humiraDosageAkBtn {
		margin: 0 0 0 -66px;
	}
	.second-infoaction .rtladjustment .btnHC{
    margin:auto !important;
 }
}

@media only screen and (min-width :768px) and (max-width:1327px) {
	.notificationArticleSmall {
		margin-bottom: 60px !important;/*20*/
	}
	.btnAsml{
	  margin:0 0 5px 7px; 
	}
	.btnNotificationA{
	 display: block;
	}
}

@media only screen and (min-width :320px) and (max-width:767px) {
	/* lending page media query */
	.navbar.transparent {
		height: auto !important;
	}
	.transparentHeaderMenu .btn-group .btn {
		width: 160px !important;
		border-radius: 0px;
	}
	.mcare-icon-3x, .mcare-icon-2x {
		width: 12px !important;
		height: 12px !important;
	}
	.transparentHeaderMenu .select {
		top: 0px !important;
		left: 30px !important;
	}
	.transparentHeaderMenu .btn-group .btn span {
		vertical-align: bottom !important;
		padding-right: 4px !important;
		padding-left: 0px !important;
	}
	.transparentHeaderMenu .select .dropdown-menu li {
		width: auto !important;
		padding: 1px 0 1px 3px !important;
	}
	.transparentHeaderLogo img {
		width: 93px !important;
	}
	.transparentHeaderLogo {
		top: 4px !important;
	}
	.landing-content {
		margin: 0px 0 39px 0 !important;
	}
	.landing-content {
		padding: 0px 16px !important;
	}
	.transparent-color-box {
		margin: 0px 0% 0 4% !important;
		width: 92% !important;
	}
	.color-box-heading {
		padding-top: 10px !important;
	}

	/*Help/support  page media query */
	.on, .off {
		width: 17px;
		height: 17px;
		background-size: 17px 17px;
	}
	.faq-question-header {
		padding-left: 26px;
	}
	span.faqQuestionHeading {
		font-size: 16px !important;
	}
	div.FAQanswer {
		left: 16px;
		font-size: 14px;
	}
	.helpSupportBox {
		border-radius: 0px;
		padding: 0px 12px 5px 12px;
		background: transparent;
		box-shadow: none;
	}
	.helpSupportBox .panel-heading {
		padding: 0px !important;
	}
	.helpSupportBox .faqsGreen ,.Online_Privacy_Notice u,.Online_Privacy_Notice h3,.Online_Privacy_Notice h2{
		font-size: 20px;
	}
	.helpSupportBox .panel-group .panel {
		background: transparent !important;
	}
	.about-abbive, .termsOfUse, .privacy-Policy {
		padding: 12px 15px;
	}
	.about-abbive P, .termsOfUse p,.Online_Privacy_Notice p {
		font-size: 14px !important;
	}
	.about-abbive .headering_about-abbive, .termsOfUse .heading_termsOfUse,
		.privacy-Policy .privacy-Policy_about-abbive {
		font-size: 20px !important;
		padding-bottom: 0px;
		padding-left: 2px;
	}
	.termsOfUse p:nth-child(2), .privacy-Policy p:nth-child(2) {
		font-size: 14px;
	}
	.patientProfile hr {
		width: 100% !important;
		padding: 0 85px 0 0 !important;
		margin: 0 0 0 -34px;
	}
	.patientProfile {
		padding: 0 6% 0 0 !important;
	}
	.userProfile h4 {
		text-indent: -2% !important;
	}
	/* Notification Page media query */
	.patientNotification {
		padding: 0px 0px !important;
		background-color: transparent;
		box-shadow: 0px 0px 0px 0px rgba(105, 105, 105, 0.33) !important;
		border: 1px rgba(191, 191, 191, 0) solid !important;
	}
	.list-with-header>.media {
		background-color: transparent;
		padding: 24px 0px 0 31px !important;
	}
	.mobileMedia {
		margin: 0 0 0 0 !important;
	}
	.list-with-header>.media .media-heading {
		font-size: 14px !important;
	}
	.notificationHeading {
		font-size: 20px !important;
	}
	.mobileMedia>.media-body {
		padding-left: 0px !important;
	}
	.snooze-modal .modal-dialog {
		min-width: 182px;
		max-width: 182px;
		margin: auto;
	}
	.injection-position .modal-dialog {
		width: auto;
		min-width: 293px;
		max-width: 480px;
		margin: auto;
	}
	.search-content h3 ,.tracker-quiz-slider .noText{
		font-size: 18px;
	}
	.search-card .description {
		font-size: 14.5px;
	}
	.search-content {
		margin: 0px;
	}
	.search-card img {
		margin-bottom: 15px;
	}
	.article-container p, .article-container ul, .injection-position .modal-dialog blockquote
		{
		font-size: 16px !important;
	}
	.article-container header>h2, .page-template .headingName{
		font-size: 20px !important;
	}
	.humiraDosageInstraction .humiraDosageScsBtn, .humiraDosageInstraction .humiraDosageAkBtn
		{
		margin-top: 8px;
	}
	.humiraDosageInstraction .form-group {
		margin-bottom: 0px;
	}
	[alt=dosage_reminderIcon] {
		margin-left: -15px;
	}
	.dosageCard .humiraDosageInstraction .control-label {
		font-size: 13px;
	}
	.dCardBorder {
		border: transparent;
		background: transparent;
		box-shadow: none;
	}
	.quiz-final-result {
		text-align: justify;
		margin: 8px auto 8px auto !important;
	}
	div.trackerData {
		padding:3px;
	}
	.templateTrack, .page-template {
		padding: 5px !important;
	}
	.ltr-direction .center_block .page-template .row p {
		font-size: 13.2pt;
	}
	.tracker-quiz-slider .sliderText{
	  padding-right:0px;
	}
	.imageFace {
		margin: 65px auto 10px auto !important;
	}
	.navbar .collapseXsView  {
		padding: 0px;
	}
	#slide-nav .navbar-header {
		padding:0 0 0 10px;
	}
.userProfImg:after {
	    height: 147px;/*202*/
	    top: 0px;
	    right: 0px;
}
.userProfImg{
	    position: relative;
}
.privacy-Policy .PHeadingDate{
	margin-top: -12px !important;
	padding-left:0px;
}
.question-card div .subQuesLength{
	 margin: 12px 1px 0px auto;
}
.add-symptom-btn, .add-symptom-btn:FOCUS {
    background: transparent;
    border: none;
    color: #929292;
}
.tracker-symptom-list .addSymptomPlus{
	padding-right: 8px;
}
.disenrollbox .modal-content,.set-reminder-modal > .modal-dialog{
	  width: 296px !important;
	  margin: auto;
	}
	.setReminder-btn button{
		width: 100px;
	}
	.setReminder .uib-timepicker tbody tr td input {
	    width: 50px;
	    height: 39px;
	    font-size: 21px;
	 }
	  .row.committed-connected-caring-box>.col-md-4{
	   padding:10px 5px 0px 5px !important;
	 }  
	 .row.committed-connected-caring-box{
	     margin-right: 0px;
         margin-left: 0px;
	 }
	 .about-abbive> .row> .col-md-4{
	 border-right:none;
	 }
  .about-abbive .Committed, .about-abbive .Connected, .about-abbive .Caring,
		.privacy-Policy .updateDate {
		font-size: 20px;
	}
	.Setting .consentCard {
		margin-right: 0px;
		margin-left: 1%;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 15px;
	}
	.second-infoaction, .third-infoaction {
		padding: 0px 0px;
	}
	/* article {
		margin: 0px;
	} */
	.article-container h1{
	  padding-top: 5px !important;
     font-size: 24px !important;
	}
	.mcare-card-input,.transparent-color-green .loginBtn,.transparent-color-green .register-Btn{
	width:96%;
	margin:0px 0px 3px 0;
	font-size:13px;
	}
	.forgotPassword{
		position: absolute;
	    display: inline-table;
		}
	.color-box-heading{
	font-size:20px;
	}
	
	.greenCardBox {
		padding:0 0px 14px 10px;
	}
}

@media only screen and (min-width :320px) and (max-width:425px) {
	/* .greenCardBox {
		padding:0 0px 14px 10px;
	} */
	.helpSupportBox .panel-heading {
		padding: 0px !important;
	}
	.Setting .settingPaswUpdate {
		margin: auto !important;
	}
	.mCard-xs .row {
		margin-left: (@gutter/-2);
		margin-right: (@gutter/-2);
	}
	.mCard-xs p {
		font-size: 13pt;
	}
	.mCard-xs .injectionPositionBtn {
		margin: auto auto auto -8px;
		min-width: auto !important;
		font-size: 12px;
	}
	.happy_fun {
		max-width: 80%;
	}
	
	
}

@media only screen and (min-width :320px) and (max-width:576px) {
	.settingBox {
		padding: 5px;
		padding-left: 15px;
	}
	.settingBox .settingChildBox {
		padding: 0 15px 0 0px !important;
	}
	.Setting .form-horizontal .list-group div {
		margin: auto -5px auto 5px !important;
		/*auto auto auto 14px !important;*/
	}
	.Setting .list-group div .pdfSetting, .Setting .disenBtnSetting,
		.Setting .viewBtnSetting {
		margin-top: 0px;
		margin-right: 0%;
	}
	.Setting .saveBtnSetting, .Setting .rsetPswBtnSetting {
		margin-right: 0px;
		width: 102px;
	}
	.Setting h4 {
		font-size: 14px;
		display: inline-grid !important;
	}
	.smalltxtcolor {
		display: block;
	}
	.Setting .settingPaswUpdate {
		margin: auto !important;
	}
	.Setting h4 small b, .smalltxtSmall {
		margin: 0 0 0 3px;
	}
	.settingBox {
		background: transparent;
		box-shadow: none;
	}
	.settingBox .useProfileBoxTop {
		padding: 0px;
	}
	.dosage-notification-template {
		width: auto;
	}
	.mCard-xs h3 {
		font-size: 18px;
	}
	/* .mCard-xs .col-xs-10{
	padding-left: 7px;
    padding-right: 7px
  }  */
	.mCard-xs .col-xs-10 span {
		padding: 0px;
	}
	.mCard-xs .img-log {
		width: 40px;
	}
}

@media ( max-width : 872px) {
	.vdivide {
		right: 107px !important;
	}
	.medicationCard .humiraImagesOtherContry {
		margin: 5px 0px 0px 0px !important;
	}
	.injection-position-container img {
		right: 115px;
		width: 122px;
		top: 17px;
	}
	.injection-position-container span {
		right: 117px;
		min-width: auto;
		padding: 1px 5px;
	}
	.medicationCard .actionCardTitle {
		padding: 10px 0 13px 10px;
	}
	.medicationCard .actionCardTitle h3 {
		font-size: 20px;
	}
	.medicationCard .actionCardTitle .actionBtn {
		width: 110px !important;
	}
	.medicationCard .actionCardTitle p {
		font-size: 12pt;
	}
	.medicationCard .ReminderLogo {
		width: 75px !important;
		margin: 14px auto auto 0px;
	}
	.mHistoryCard .humiraImagesOtherContry {
		margin: 5px 4px 0px 0px !important;
	}
	.mHistoryCard [alt*="Body"] {
		right: 115px;
		width: 122px;
	}
	.mHistoryCard .injectionPointBtn {
		right: 110px;
		width: auto;
	}
}

@media screen and (max-width: 767px) and (min-width: 600px) {
	.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
		width: 139px;
		font-size: 12px;
	}
}

@media screen and (max-width: 445px) {
	.humiraDosageInstraction .humiraDosageScsBtn, .humiraDosageInstraction .humiraDosageAkBtn
		{
		float: right;
	}
	/* .dosageCard .dosageCardHeadingTop{
     display: inline;
   } */
}

@media screen and (max-width: 467px) {
	.footer.white>ul:FIRST-CHILD {
		margin-top: -12px !important;
	}
	.footer.white {
		background-image: none !important;
	}
	.footerMgn {
		margin: -8px 0 0px !important;
	}
	.footer {
	background-image: none!important;
	}
}

@media (min-height: 768px), screen and (orientation: portrait) { 
	    .impSec {
	         top: 84px !important;
	     }
  }
@media screen and (max-width: 768px)and (orientation : portrait){
	div#slidemenu li a{
					 position:relative;
					 line-height: 21px;
					 margin-top: 1px;
	             }
} 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1){
	div#slidemenu li a{
					 position:relative;
					 line-height: 23px;
					 margin-top: 0px;
	             }
}