@media only screen and (min-device-width : 320px) and (max-device-width:
	480px) {
	.landingAR>h1 {
		font-size: 22px !important;
	}
	.landingAR>h2 {
		font-size: 17px !important;
	}
	.userRegistrationAR h3 {
		margin: 0 0 0 0 !important;
	}
	.registrationAR p {
		padding: 0 47px 0 0 !important;
	}
	.footer.white>ul:FIRST-CHILD {
		padding-top: 8px !important;
		padding-left: 57px;
	}
	.footer.white>p {
		margin: 8px 8px 10px 8px !important;
	}
	.footer>ul:LAST-CHILD {
		padding-left: 41px;
	}
	.progressCardAr .imageFace .happy_fun {
		width: 90% !important;
	}
	.progressCardAr .imageFace {
		margin: 67px 28px 32px 2px;
	}
	.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;
	}
	.mCard-xs .injectionPositionBtnAR {
		min-width: 90px;
		margin: auto !important;
		bottom: 5px;
	}
	.mCard-xs p {
		font-size: 11pt;
	}
	.mCard-xs .img-log {
		width: 42px !important;
	}
	.mCard-xs h3 {
		font-size: 18px;
	}
	.whiteBold {
		font-size: 26px !important;
	}
	.humiraDosageInstractionAR .humiraDosageScsBtn {
		margin-right: -37px !important;
		margin-top: 8px !important;
	}
	.humiraDosageInstractionAR .humiraDosageAkBtn {
		margin: 8px -74px 0 0 !important;
	}
	.ksaLiCardAlnBtn .ksalBtn, .ksaLiCardAlnBtn .ksalBtnpdf{
     right: 20px; 
  }
	.libviewAr .actionBtn{
	 right: 20px;
	}
	.first-infoaction .actionBtn{
	position: relative !important;
    bottom: -235px !important;
    clear: both;
    right: 12px;
	}
	.text22{
	    width: auto !important;
	}
	
}

@media ( max-width : 767px) {
	.container-fluid, .main-container {
		padding: 0px;
	}
	.mCard-xs .img-log {
		width: 55px;
	}
	/* .progressCard {
		height: 400px !important;
		min-height: 400px !important;
	} */
	/* .progressCardAr .trackerCard {
		min-height: 400px !important;
		height: 400px !important;
	} */
	.gradientHeaderLogo {
		right: 5%;
	}
	.ConsentTermsDiscriptionAR {
	margin: 0 0 0 0!important;
	}
	 .disagreebtnAR {
       	margin: 0 0% 0 0 !important;
       	text-align: right!important;
	}
	.completebtnAR {
      	margin: 3% 0% 0 0% !important;
      	float: right!important;
      	text-align: right!important;
      	
	}
	.checkboxConAR {
	 	margin: 0px 0% 0px 9px !important;
	}
	.headingConsentTermsAR {
	 	margin: 0px 0% 0px 0px !important;
	}
	.footer.white {
		background-image: url(../assets/images/Footer-Right-Image.png)
			!important;
	}
	.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;
	}
	.actionBgImg.actionBgImgAr>div {
		min-width: 100%;
		border-radius: 5px !important;
		right: 0pt !important;
	}
	.footer.white {
		height: 50%;
		max-height: 100%;
		background-position: right bottom, 3% 98%;
		background-size: 26.7%, 17%;
	}
	.actionBgImgAr.actionBgImgHistoryAr div:first-child {
		right: auto !important;
		border-top-left-radius: 5px !important;
		border-bottom-left-radius: 5px !important;
	}
}

@media ( max-width : 992px) {
	.medicationCard .humiraImagesOtherContryAR {
		margin: 0px 20px 0px 0px;
	}
}

@media ( max-width : 768px) {
	.progressCardAr {
		float: none !important;
	}
	/*  .progressCardAr .impSecAr{
     font-size: 14px !important;
    position: absolute;
    right: 34px;
 }
 .progressCardAr .impSec{
 top:113px;
 } */
	.progressCardAr .imageFace .happy_fun {
		width: 80px;
	}
	
	.pdfview{
	  padding-left: 2px;
	 padding-right: 0px;
	}
}

@media only screen and (min-width :768px) and (max-width:992px) {
	.chkMobile {
		right: -13px;
	}
	.cardWindowMinHight{
		 /* min-height: 590px; */
	}
	.second-infoaction .rtladjustment .btnHC{
	  margin: auto;
	}
}

@media only screen and (min-width :320px) and (max-width:767px) {
	/* 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;
	}
	/* myDosage Page media query */
	.humiraDosageInstractionAR {
		padding: 0 0px 0 15px;
	}
	
 .humiraDosageInstractionAR .humiraDosageScsBtn{
	  /*   margin-right:-37px !important; */
	    margin-top: 8px !important;
	  /*  	margin-right: -24px !important; */
	 
	}
	.dosageCardAr div h4 {
		margin: 30px 0px 30px 0 !important;
		text-align: right;
	}
	.dosageCardAr div small {
		float: none !important;
		line-height: 30px;
	}
	[alt=dosage_reminderIcon] {
		display: none;
	}
	.consentCardAR {
		margin-left: 0% !important;
		margin-right: 0% !important;
	}
	.patientDisenrollAR {
		margin: 0px 0% auto 0% !important;
	}
	.consentRead {
		margin-top: -23px !important;
	}
	.consentCardAR>.smsSetting {
		left: -27px;
	}
	.settingBox {
		background-color: transparent !important;
	}
	.patientProfile hr {
		width: 100% !important;
		padding: 0 48px 0 0 !important;
		margin: 0 -21px 0 0px;
	}
	.userProfileAR h4 {
		font-size: 18px !important;
		margin: 0 -28px 0 0 !important;
	}
	/* Faq Media Query*/
	.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: 4px !important;
	}
	.helpSupportBox .faqsGreen {
		font-size: 20px;
	}
	.helpSupportBox .panel-group .panel {
		background: transparent !important;
	}
	.search-content h3 {
		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, .injection-position .modal-dialog p, .page-template .headingNameAr {
		font-size: 20px !important;
	}
	.snooze-modal .modal-dialog {
		min-width: 182px;
		max-width: 182px;
		margin: auto;
	}
	.injection-position .modal-dialog {
		width: auto !important;
		min-width: 293px !important;
		max-width: 480px !important;
		margin: auto;
	}
	.impSec {
		top: auto !important;
	}
	/* .progressCard {
		height: 370px;
		min-height: 370px;
	} */
/* 	.progressCardAr .trackerCard {
		min-height: 370px;
		height: 370px;
	} */
	.userRegistration {
		padding: 0 15px 0 15px;
	}
	.form-horizontal .form-group {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.registrationAR label.whiteSpace {
		padding-right: 4px;
	}
	.userRegistrationAR h3 {
      margin: 0px 2% 0 0px!important;
     }
	.dCardBorder {
	    border: transparent;
	    background: transparent;
	    box-shadow: none;
	   }
	.humiraDosageInstractionAR .humiraDosageAkBtn{
		 margin:8px -33px 0 0;
		}
	.humiraDosageInstractionAR .col-xs-offset-9 {
	     text-align: right;
	    }
    .humiraDosageInstractionAR .form-group{
	      margin-bottom:1px; 
	    }
	    
	.ltr-direction .center_block .page-template .row p {
		font-size: 13.2pt;
		text-align:justify;
		margin: 5px 5px 10px 5px;
	}
	.templateTrack, .page-template {
		padding: 5px !important;
	}
	.question-card .sub-questions, .question-card>div>.success-title p {
		margin: 7px 5px 15px;
	}
	.quiz-final-result {
		text-align: justify;
	}
	.sub-questions ul li {
      text-align: right;
    }
    .tracker-quiz-slider .noText {
     font-size: 18px;
  }
  .ltr-direction .center_block .page-template h4{
    margin: 0px !important;
    text-indent: 9px;
  }
  .page-template .page-heading{
  padding:5px;
  }
  .page-template .headingNameAr{
  margin:0 5px 0 0;
  }
  .step-indication .trackIndiNumAr{
     margin-top: -0px;
  }
  .navbar .collapseXsView  {
		padding:0 10px 0  0;
	}
	#slide-nav .navbar-header {
		padding:0 0 0 10px;
	}
	#slide-nav .header-left-logo{
	float:right;
	}
	.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;
	 }
	/*  article {
		margin: 0px;
	} */
	.article-container h1{
	  padding-top: 5px !important;
     font-size: 24px !important;
	}
	.userProfImg:after {
	    height: 147px;/*202*/
	    top: 0px;
	    right: 0px;
}
.userProfImg{
	    position: relative;
	    min-height:147px;
}
.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 15px;
	}
	.transparent-color-box{
	  margin:0px 3% 0 3%;
	}
	.greenCardBox{
		padding-left: 10px !important;
	    padding-right: 10px;
	}
	.mcare-card-input,.transparent-color-green .loginBtn,.transparent-color-green .register-Btn{
/* 	width:96%; */
	margin:0px 0px 3px 0px !important;
	font-size:13px;
	}
	.color-box-heading{
	padding-top:5px;
	font-size:20px;
	}
	.greenCardBox .mcare-card-btn-group{
	padding-bottom: 10px !important;
	}
	.navbar.transparent{
	height: auto !important;
	}
	.transparentHeaderMenu .select{
	top: 0px;
	right: 0px;
	}
	.transparentHeaderMenu .btn-group .btn {
    width: 160px !important;
    }
    .mcare-icon-3x, .mcare-icon-2x {
		width: 12px !important;
		height: 12px !important;
	}
	.transparentHeaderMenu .btn-group .btn span {
		padding-right: 10px !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;
	}
	
	.transparentHeaderMenuAR .btn-group .btn span{
	 padding-top:0px;
	}
	.transparentHeaderMenu .btn-group i.mcare-icon-arrow{
	margin-top: 2px;
	}
   .profile-pic{
       max-height: 147px !important;
   }
    .landingAR h1{
     font-size: 28px;
     margin:-31px 14px 10px 0 !important;
   }
    .landingAR h2{
     font-size: 28px;
     margin:0px 14px 10px 0 !important;
   }
   .landingAR{
		margin: 0px 0 5px 0 !important;
		position:inherit !important;
	}
 .landing-saudi div:FIRST-CHILD{
    font-size: 1.5rem;
  }
  .colorGreen{
  font-size:2.3rem;
  }
  .landing-saudi .subHSaudi{
  font-size:1.5rem;
  }
  .landing .landing-saudi{
   /* margin-top: -63px; */
  }
 /*  commented  this class it causes floated on small size device */
 /*  .landing-saudi-card .Indication-Card-saudi {
    position: absolute;
    left: calc(14px);
    width: calc(100% - 0px);
   } */
  .Indication-Card-saudi .RA-Card, .Indication-Card-saudi .III-Card, .Indication-Card-saudi .KS-Card, .Indication-Card-saudi .PSO-Card, .Indication-Card-saudi .PA-Card, .Indication-Card-saudi .IR-Card, .Indication-Card-saudi .FLA-Card, .Indication-Card-saudi .LA-Card{
   min-height:150px;
   }
   .Indication-Card-saudi .card-body .card-title {
    padding-top: 25px;
    font-size: 19px;
    padding-bottom: 27px;
   }
  .Indication-Card-saudi .btn-block{
  padding-top:0px;
  padding-bottom: 0px;
  bottom:25px;
  font-size:16px !important;
  }
  .footerSaudi{
  background-size:80px, 222px;
  background-position-y:96px,59px;
  padding-top:6px;
  }
  .footerAR p{
    padding: 3px;
    font-size: 11px;
    margin: auto;
  }
  .footerAR .list-inline{
  margin:0 -53px 0 0;
  }
  div .ksaMenuBar .ksaLogin button{
  left:3px;
  }
  .header-right-logo{
  background-size:70% 70% !important;
  background-repeat:no-repeat;
  top:26px;
  right:-22px;
  }
 .cardDiscHome p:nth-of-type(3){
 width:auto;
 }
 .saudiWelContent h1,.saudiWelContent h2,.saudiWelContent span{
 font-size: 28px;
 margin:0 -14px 0 0 !important;
 
 }
 .footer{
 /* background-size:50%; */
 background-image: none;
 }
 .search-title, .article-title h4{
   text-indent: 40px;
  }
  .second-infoaction_AR{
    padding: 0px !important;
  }
  .background-imageAR {
    /* background-size: 100% 150%;
    background-position: 82% -14%; */
    background-size: cover;
    background-position: 80% 0%;
        min-height: 40%;
   }
   .cardWindowMinHight{
	     /*   min-height: 100px; */
}
}

/* For Table Page media query */
@media only screen and (min-width :320px) and (max-width:993px) {
	.ksacardalign{
		position: relative;
	    top: 121px !important;
	}
}

@media only screen and (min-width :768px) and (max-width:1024px) {
	.humiraDosageScsBtn {
		margin-right: -19px !important;
	}
	.pdfview{
	 padding-left: 2px;
	 padding-right: 0px;
	}
}
/* 
@media only screen and (min-width :768px) and (max-width:1024px) {
	.humiraDosageScsBtn {
		margin-right: -19px !important;
	}
} */


@media only screen and (min-width :768px) and (max-width:1313px) {
	.background-imageAR{
		background-position: 80% 0% !important;
	}
}

@media ( max-width :1070px) {
	.progressCardAr .imageFace .happy_fun {
		width: 100%;
	}
	.progressCardAr .imageFace {
		margin:65px auto 10px auto;
	}
}
@media screen and (max-width: 467px) {
	.footer.white {
		background-image: none !important;
	}
}