.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.child-profile {
    background:url('../img/icons/profile-child-icon.png') no-repeat left 10px transparent;
}

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

.mobile-menu-holder ul li a.appointments {
    background:url('../img/icons/appointments-icon.svg') no-repeat left center 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 a.health-record {
    background:url('../img/icons/health-record-icon.png') no-repeat left center transparent;
}

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

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

.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: 768px) {
    .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) {
	.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;
	}
}

/*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;
	}
}