.mobile-menu-holder {
   width:320px;
   position:fixed;
   z-index:2000;
   right:-320px;
   background-color:#ffffff;
   border-left:6px solid #c90c00;
   height:100vh;
   transition: all 0.5s ease;
}

body.open-mobile-menu .mobile-menu-holder{
   right:0px;
}

.mobile-menu-holder .head {
   font-size:24px;
   text-align:center;
   color:#464a53;
   font-weight:600;
   padding:15px 0 15px 0;
   background-color:#e9edf6;
   margin:0 0 20px 0;
   position:relative;
}

.mobile-menu-holder .head .close {
   position:absolute;
   z-index:10;
   width:35px;
   height:35px;
   right:15px;
   top:15px;
   background:url('../img/icons/close-icon.png') no-repeat left top transparent;
   background-size: 100% auto;
}

.mobile-menu-holder ul {
   list-style:none;
   margin:0px 10px 0 15px;
   padding:0px;
}

.mobile-menu-holder ul li {
   margin:0px;
   padding:0px;
   border-bottom:1px solid #c3c6c9;
}

.mobile-menu-holder ul li a.profile {
   background:url('../img/icons/profile-icon.png') no-repeat left 10px transparent;
}

.mobile-menu-holder ul li.active a.profile {
   background:url('../img/icons/profile-active-icon.png') no-repeat left 10px transparent;
}

.mobile-menu-holder ul li a.preregister {
   background:url('../img/icons/preregister-icon.png') no-repeat left center transparent;
}

.mobile-menu-holder ul li.active a.preregister {
   background:url('../img/icons/preregister-active-icon.png') no-repeat left center transparent;
}

.mobile-menu-holder ul li a.health-record {
   background:url('../img/icons/health-record-icon.png') no-repeat left center transparent;
}

.mobile-menu-holder ul li.active a.health-record {
   background:url('../img/icons/health-record-icon.png') no-repeat left center transparent;
}

.mobile-menu-holder ul li a.my-account {
   background:url('../img/icons/my-account-icon.png') no-repeat left center transparent;
}

.mobile-menu-holder ul li.active a.my-account {
   background:url('../img/icons/my-account-icon.png') no-repeat left center transparent;
}

.mobile-menu-holder ul li a.logout {
   background:url('../img/icons/logout-icon.png') no-repeat left center transparent;
}

.mobile-menu-holder ul li:last-child {
   border-bottom:0px solid transparent;
}

.mobile-menu-holder ul li a {
   display:block;
   padding:14px 60px 12px 40px;
   position:Relative;
   line-height:18px;
   color:#b8b9bd;
}

.mobile-menu-holder ul li.active a .status-icon {
   background-color:#c90c00;
}

.mobile-menu-holder ul li.active a {
   color:#c90c00;
}

.mobile-menu-holder ul li a .status-icon {
   font-size:12px;
   color:white;
   position:absolute;
   z-index:10;
   right:0px;
   top:5px;
   width:50px;
   background-color:#b8b9bd;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   text-align:center;
   top:0;
   bottom:0;
   height:20px;
   line-height:20px;
   font-weight:400;
   margin-top:auto;
   margin-bottom:auto;
}

.mobile-scroll-bcg {
   background-color: black;
   width: 100%;
   height: 100vh;
   position: absolute;
   z-index: 1500;
   left: 0px;
   top: 0px;
   opacity: 0.9;
   display: none;
}

body.open-mobile-menu .mobile-scroll-bcg {
   display:block;
}

.hidden-sm-up {
   display:none;
}

.show.void-icon {
   display:none;
}

/*Main 1200px*/
@media only screen and (max-width: 1200px) {
   body .content ul.sub-nav li {
      width:25%;
      padding-right:10px;
   }
   body {
      overflow-x:hidden;
   }
   .inner {
      max-width:95%;
   }
   .mobile-full-width {
      margin-left:-1.5%;
      margin-right:-1.5%;
      width:103%;
   }
}

/*Main 1150px*/
@media only screen and (max-width: 1150px) {
   .content ul.steps.login-steps {
      width: calc(100% - 85px);
   }
   .content ul.steps.login-steps li {
      width:25%;
   }
   .content ul.steps.login-steps li > a {
      padding-left:0px;
      padding-right:0px;
      text-align:center;
      padding-top:5px;
      background-position:left 5px;
      margin-left:10px;
   }
}

/*Main 1050px*/
@media only screen and (max-width: 1050px) {
   .content ul.steps.login-steps li > a {
      background-image:none !important;
      margin-left:0px;
   }
   #activation-logo{
      display: none;
   }
}

/*Main 1020px*/
@media only screen and (max-width: 1020px) {
   .content ul.steps.login-steps {
      width: 100%;
   }
   .steps + .void-icon {
      top:-80px;
      right:30px;
   }

   .steps + .hide.void-icon {
      display:none;
   }

   .show.void-icon {
      display:block;
      position:absolute;
      z-index:10;
      right:0px;
      top:10px;
   }

   header .logged-box {
      position:static;
      width:100%;
      padding-bottom:15px;
      margin-bottom:30px;
      padding-top:0px;
      margin-top:25px;
      -webkit-box-shadow: -1px 7px 10px 3px rgba(0,0,0,0.2);
      -moz-box-shadow: -1px 7px 10px 3px rgba(0,0,0,0.2);
      box-shadow: -1px 7px 10px 3px rgba(0,0,0,0.2);
   }

   header .logged-box .login {
      text-align:left;
      font-size:17px;
      line-height:22px;
      padding-left:15px;
   }

   header .logged-box .logout-time {
      text-align:right;
      font-size:17px;
      line-height:22px;
      padding-right:15px;
   }

   header .logged-box a {
      display:none;
   }

   header .logged-box .logout-time,
   header .logged-box .login {
      float:left;
      width:50%;
      padding-top:20px;
   }

   header .logged-box .logout-timer {
      width:100%;
      position:absolute;
      z-index:10;
      top:0px;
      left:0px;
   }
}

/*Main 992px*/
@media only screen and (max-width: 992px) {
   body .content ul.sub-nav li {
      width:50%;
   }
   .content ul.steps li {
      width:25%;
      padding-right:20px;
   }
   .content ul.steps li::before {
      right:5px;
   }
}

/*Main 768px*/
@media only screen and (max-width: 768px) {
	select.form-control, 	select.form-control option {
		font-size:11px;
    padding: 0px;
    margin: 0px;
	}
	
   .sm-height-auto {
      height:auto !important;
   }	
   .mobile-menu-trigger {
      width:45px;
      height:45px;
      position:absolute;
      z-index:15;
      right:0px;
      top:10px;
      border:6px solid #c90c00;
      display:block;
      padding-top:3.5px;
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      border-radius: 1px;
   }

   .mobile-menu-trigger span {
      display:block;
      background-color:#c90c00;
      width:80%;
      height:7px;
      margin:0 auto 2px auto;
   }

   header h1 {
      max-width: calc(100% - 50px - 51px);
      margin-left:auto;
      margin-right:auto;
   }
   body .sm-max-width-60 {
      max-width:60%;
      margin-left:auto;
      margin-right:auto;
   }

   body .content .icon-text-smaller.full-width-27 {
      margin-left:-15px !important;
      margin-right:-15px !important;
      width:calc(100% + 30px) !important;
      padding:20px 27px 20px 90px !important;
      background-position:20px center !important;
      font-size:17px !important;
      background-size:45px auto !important;
   }

   body .content .icon-text-smaller {
      background-position:15px center !important;
      padding-left:90px !important;
      padding-top:0px !important;
   }

   body .content .icon-text-smaller.mobile-hide-icon {
      padding-left:0px !important;
   }

   body .pad-left-2 {
      padding-left:15px;
   }
   .row.single-padding > div {
      padding-right:15px;
   }
   .sm-margin-bottom-15 {
      margin-bottom:15px !important;
   }

   .sm-margin-bottom-20 {
      margin-bottom:20px !important;
   }

   .form-control-label {
      line-height:18px;
   }

   .form-control-label.double-line {
      line-height:40px;
   }

   .left-fix {
      position:static;
   }

   .max-50 {
      max-width:100%;
   }

   .sm-align-left {
      text-align:left;
   }
   .row.part-row {
      max-width:100%;
      margin-left:-15px !important;
      margin-right:-15px !important;
   }
   .mobile-login-box.std-section {
      padding-top:10px;
   }
   .mobile-login-box.std-section .captcha-holder {
      margin-bottom:10px;
   }

   .mobile-login-box.std-section form label {
      margin-bottom:2px;
   }

   .mobile-login-box.std-section form {
      margin:5px 0 20px 0;
   }

   .mobile-login-box .row {
      margin-bottom:10px;
   }
   .mobile-anchor-link {
      font-size:16px;
   }
   .height-35,
   .height-65 {
      height:auto !important;
   }
   p.notification {
      padding-left:0px;
      padding-top:65px !important;
      background-position:center 10px !important;
      background-size:auto 45px !important;
      max-width:100%;
   }
   p.notification.message-reminder {
      padding-left:65px;
      background-position:left center !important;
      padding-top:0px !important;
   }
   .follow-2::after {
      display:none;
   }
   p.icon-text, .icon-text {
      padding-left:0px !important;
      padding-top:75px;
      background-position:center 10px !important;
      background-size:auto 45px !important;
   }
   header {
      margin-bottom:15px !important;
   }

   body .mobile-hide-icon {
      padding-top:0px !important;
      background-image:none !important;
   }

   body {
      padding-bottom:20px;
   }
   .captcha-holder {
      margin-top:20px;
   }

   .captcha-holder img {
      max-width:100%;
      height:auto;
   }

   .hidden-sm-up {
      display:block;
   }
   .hidden-sm-down {
      display:none !important;
   }

   .hidden-sm-after-down:after {
      display:none !important;			
   }

   .mobile-margin-bottom-20 {
      margin-bottom:20px !important;
   }

   .std-section {
      padding:15px 15px 15px 15px;
   }

   ul.equation li.plus + li.plus::after {
      right:-10px;
   }
   ul.equation li img {
      height:55px;
   }
   ul.equation li h3 {
      font-size:13px;
   }
   ul.equation li::after {
      font-size:35px;
      margin-top:25px;
   }
   .mobile-align-center {
      text-align:center !important;
      margin-bottom:10px;
   }

   .mobile-align-right {
      text-align:right !important;
   }

   .content ul.steps li::before {
      display:none;
   }

   .content ul.steps li {
      padding-right:0px;
      padding-left:0px;
      text-align:center;
      padding-top:3px;
      height:85px;
   }

   .content ul.steps li::after {
      height:30px;
      top:25px;
   }

   .content ul.steps li .step-label {
      display:block;
      margin:0px;
   }

   .content ul.steps li .round-filled-icon {
      width:30px;
      height:30px;
      line-height:30px;
      font-size:13px;
      border:0px solid transparent;
   }
}

/*Main 620px*/
@media only screen and (max-width: 620px) {
   ul.equation li.result::after {
      right:-25px;
   }
}

/*Main 550px*/
@media only screen and (max-width: 550px) {
   body .content ul.sub-nav {
      margin-left:0px;
      margin-right:0px;
   }
   body .content ul.sub-nav li {
      width:100%;
      padding-left:15px !important;
      border-bottom:1px solid #c3c6c9 !important;
      margin-bottom:5px;
      padding-bottom:7px;
   }

   body .content ul.sub-nav li:after {
      display:none;
   }
   .form-control-label.double-line {
      line-height:18px;
      padding-top:10px;
   }
   ul.equation li img {
      height:45px;
   }
   ul.equation li::after {
      font-size:22px;
   }
   ul.equation li h3 {
      font-size:12px;
   }
   .mbm-3{
      margin-bottom: 1rem !important;
   }
}

/*Main 500px*/
@media only screen and (max-width: 500px) {
   ul.equation li.result {
      padding-left:5px;
   }

   ul.equation li.plus + li.plus::after {
      right:5px;
   }

   .form-btn {
      padding-left:10px;
      padding-right:10px;
      width:100%;
   }

   p.notification.message-notification {
      background-size:auto 50px;
   }
}

/*Main 360px*/
@media only screen and (max-width: 360px) {
   header h1 {
      font-size:17px;
      padding-top:25px;
   }

   ul.equation li img {
      height:35px;
   }
}