@media only screen and (min-width: 320px) and (max-width: 1024px){
    @font-face {
        font-family: 'helveticaBold' ;
        src: url('../frontend/fonts/HelveticaNeueLTStd-Bd.eot');
        /* IE9 Compat Modes */

        src: url('../frontend/fonts/HelveticaNeueLTStd-Bd.woff') format('woff'),
        /* Modern Browsers */

        url('../frontend/fonts/HelveNeuBol.ttf') format('truetype'),
        /* Safari, Android, iOS */
    }
    /* Helvetica Light */

    @font-face {
        font-family: helveticaLight;
        src: url('../frontend/fonts/HelveticaNeueLTStd-Lt-Bd.eot');
        /* IE9 Compat Modes */

        src: url('../frontend/fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
        /* Modern Browsers */

        url('../frontend/fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
        /* Safari, Android, iOS */
    }
    /* Helvetica Thin */

    body {
        margin: 0px;
        position:relative;
        overflow:hidden;
    }
    .error-message-header {
        background-color: #FF3333;
        background-image: url("images/error-info-icon.png");
        background-repeat: no-repeat;
        background-size: auto 40px;
        background-position-x: 50%;
        border-radius: 4px 4px 0 0;
        height: 40px;
    }
    .error-message-body {
        background-color: rgba(255, 255, 255, 0.9);
        font-size: 12px;
        padding: 0.5rem 0.5rem 0.01rem;
        margin-bottom: 1rem;
        color: #FF3333;
        border-radius: 0 0 4px 4px;
        border: 1px solid;
    }
    .error-message-link {
        color: #007BFF;
        font-size: 12px;
        padding: 0;
        display: contents;
        text-decoration: underline;
    }
    .main-container .login-wrapper {
        padding: 16px 34px;
        background: url("../images/login_bg.svg") no-repeat;
        /*  height: calc(100vh - 32px);
        width: calc(100% - 68px); */
		overflow-y: scroll;
		height: 100vh;
        /*   width: calc(100% - 72px); */
        background-size: cover;
    }
    .main-container .login-wrapper .login-header {
        width: 100%;
        height: 45px;
    }
    .main-container .login-wrapper .login-container {
        position: relative;
     /*    width: 50%; */
        margin: 0 auto;
       /*  height: calc(100vh - 64px - 64px); */
        display: flex;
        align-items: center;
    }
    .main-container .login-wrapper .login-container .login-subcontainer {
        position: relative;
       /*  display: flex; */
        margin: 0 auto;
    }
    .main-container .login-wrapper .login-container .login-subcontainer .login-separator {
        float: left;
        position: relative;
        margin-left: 48px;
        margin-right: 48px;
        background-color: #ccc;
    }
    .main-container .login-wrapper .login-container .login-subcontainer .login-separator .login-separator-line {
        position: relative;
        width: 1px;
    }
    .main-container .login-wrapper .login-container .login-subcontainer .login-subcontainer-left {
        float: left;
        position: relative;
       /*  width: calc((100% - 97px)/2); */
    }
    .main-container .login-wrapper .login-container .login-subcontainer .login-subcontainer-left .login-input-fields {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .main-container .landing-page-main {
       /* padding: 16px 34px 50px 34px;*/
        position: relative;
        z-index: 9999;
        width: calc(100% - 10px);
    }
    .main-container .login_right_space {
        width: 10px;
        height: 100vh;
        background-color:#ccc;
    }
    .main-container .landing-page-main .landing-page {
        position: relative;
        /*height: calc(100vh - 66px);*/
    }
    .main-container .landing-page-main .landing-page .login-header {
        position: absolute;
        top: 0px;
        width: 100%;
		padding: 30px;
    }
    .main-container .landing-page-main .landing-page .login-header1 {
        position: relative;
        top: 150px;
        width: 100%;
    }
    .main-container .landing-page-main .landing-page .login-text {
        float: right;
        cursor: pointer;
        /*  margin: 0px -30px; */
    }
	.main-container .landing-page-main .landing-page .login-text > a {
        color: #000;
        font-size: 14px;
        padding: 10px 20px 10px;
        margin: 0;
        float: left;
        text-decoration: none;
				height: 50px;
				width: 125px;
				background: url("../images/Login_signup_button.svg") no-repeat;
        display: inline-block;
    }
    .login-container .login-subcontainer .login-subcontainer-left .login-input-fields .login-name {
        border: medium none;
        height: 36px;
        color: #999999;
        padding: 0;
        padding: 0px 20px;
        margin-top: 14px;
        padding-left: 12px;
        width: 100%;
		max-width: 100% !important;
        font-family: helveticaLight;
    }
    .login-container .login-subcontainer .login-subcontainer-left .login-input-fields .login-password {
        border: medium none;
        height: 36px;
        padding: 0;
        color: #999999;
        margin-top: 14px;
        width: 100%;
        padding-left: 12px;
        max-width: 100% !important;
        font-family: helveticaLight;

    }
    .login-container .login-subcontainer .login-subcontainer-left .login-input-fields .login-btn {
        background: url("../images/Login_button.svg") no-repeat;
        display: inline-block;
        outline: 0;
        background-size: cover;
        clear: both;
        width: 250px;
        height: 40px;
        /* top: 130px; */
        /* position: absolute; */
        cursor: pointer;
        border: medium none;
        text-align: center;
        font-family: helveticaLight;
        font-size: 12px;
        float: right;
        margin-top: 10px;
        margin: auto;
        
    }

    /* .eidconsult_button{margin-top: 110px;} */
    .eidconsult_button_user{padding:0px;}
    .eidconsult_button_or{text-align:center;clear:both;padding:20px 0px 0px 0px;color:#fff;}
    .error_msg{
        font-size: 12px; 
        line-height:30px; 
        color:wheat;
        padding: 2px;
        margin: 1em;
    }
    .error_msg .reset_password{
        padding: 0;
        text-decoration: underline;
        font-size: 12px;
        color: wheat;
        display: inline-block;
        transition: 0s
    }
    .eidconsult_button_login{padding:0px;}
    .login-subcontainer-right {
        width: 100%;
        position: relative;
        top: 170px;
        left: 0;
        clear: both;
        margin-bottom: 45px;
    }
    .login-mail {
        position: relative;
        bottom: 0px;
        white-space: nowrap;
    }
    .login-mail-address {
        color: #E3E730;
        font-size: 12px;
        font-style: normal;
        font-family: "OpenSans-Regular", OpenSans-Light-webfont, Open Sans, Arial,sans-serif;
        word-break: break-word;
    }
	.login-mail p {
        margin: 0;
        white-space: nowrap;
        color: #ffffff;
        font-size: 12px;text-align: left;
    }
	.user_request_tab{
		position: relative;
		bottom: 45px;
		top: 130px;
		left: 0;
		clear: both;
	}
	.user_request_tab a{
		color: #e2e630;
		font-size: 12px;
		margin: 0 5px 0 5px;
		/* padding: 6px 14px; */
		text-decoration: none;
		display: inline-block;
		background: none;
		text-align: center;
		width: auto;
		border: 1px solid #e2e630;
		width: calc(33% - 10px);
		float: left;
		padding: 8px 0;
		display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;      /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;   /* TWEENER - IE 10 */
		display: -webkit-flex;  /* NEW - Chrome */
		display: flex;
		justify-content: center;
		align-items: center;
		height: 52px;
	}
    .user_request_tab a:hover {
		background: #e2e630 !important;
		color:#000000;
	}
	.hidecolor{background:red;}
	.sidenav {
		height: 100%;
		width: 340px;
		position: fixed;
		z-index: 1;
		top: 0;
		right: 0;
		background-color: #676264;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;cursor: auto;
	}
	.login-gd-logo {
		background-image: url("../images/video_logo.svg");
		background-repeat: no-repeat;
		float: right;
		height: 45px;
		width: 32px;
		/* GDT-637 logo button font increased */
		background-size: 38px;
		right: 0px;
		/* top: 20px; */
		position: relative;
		margin-right: -5px;
		background-position: center;
    }
	.sidenav a:hover, .offcanvas a:focus{
		color: #f1f1f1;
	}
	.sidenav .login-mail {
		width: 100%;
    white-space: nowrap;
    margin-top: 80px;
	}
	/* .sidenav .eidconsult_button {
		margin-top: 60px;
	} */
	.sidenav .login-input-fields {
		margin-top: 20px;
	}
	.sidenav .login-gd-logo {
		background-image: url(../images/video_logo.svg);
    background-repeat: no-repeat;
    float: right;
    height: 38px;
    position: absolute;
    width: 38px;
    background-size: 38px;
    right: 15px;
    top: 15px;
	}
	.sidenav .login-mail p {
		margin: 0;
  	white-space: nowrap;
		color: #ffffff;
		font-size: 12px; margin: 5px 50px; width: 100%;
	}
	.sidenav .user_request_tab {
		top: 20px;
    	width: calc(100% - 90px);
    	margin: 20px 45px 100px 45px;
	}
	.sidenav .login-container .login-subcontainer .login-subcontainer-left .login-input-fields .login-name {
		border: medium none;
		height: 36px;
		color: #999999;
		padding: 0;
		margin: 0px 50px;
		padding: 0px 20px;
		width: 74%;
		position: absolute;
	}
	.sidenav .login-container .login-subcontainer .login-subcontainer-left .login-input-fields .login-password {
		border: medium none;
		height: 36px;
		margin: 50px 50px;
		padding: 0;
		width: 74%;
		padding: 0px 20px;
		color: #999999;
	}
	.sidenav .login-container .login-subcontainer .login-subcontainer-left .login-input-fields .login-btn {
		float: right;
		margin: 0 40px;
		text-align: center;
		height: 50px;
		width: 100%;
		background: url("../images/Login_button.svg") no-repeat;
		display: inline-block;
		outline: 0;
		border: 0;
	}
	.closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px !important;
		margin-left: 50px;
	}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 12px;}
}
	.Consultants_login{
		/* margin: 0px 30px; */
		background:url("../images/EID_button.svg") no-repeat scroll center;
		display: inline-block;
		height: 40px;
		border: none;

	}
	.Consultants_login_dis{color: #000;
		font-size: 14px;
		padding: 10px 20px 10px;
		margin: 0;
		float: left;
		text-decoration: none;
		background:url("../images/EID_buttonfad.svg") no-repeat scroll;
		display: inline-block;
		height: 40px;
		/* width: 250px !important; */
		border: none;
	}
	.EID_button{
		/* margin: 0px 30px;        */
		background:url("../images/Consultants_button.svg") no-repeat scroll center;
		text-decoration: none;
		display: inline-block;
		height: 40px;
		/*    width: 250px !important; */
		border: none;
	}
     .login-gd-text {
        background: transparent url("../frontend/images/header-icons/logo.svg") no-repeat scroll 0 ;
		display: inline-block;
		float: left;
		height: 45px;
		margin: 0px 0 0 -5px;
		cursor: pointer;
		float: left;
		width: 70%;
		background-size: 120px;
    }
    .main-container .landing-page-main .landing-page .login-footer {
        position: fixed;
        bottom: 0px;
        width: 100%;
        padding:40px;
    }
    .main-container .landing-page-main .landing-page .login-footer .login-video-text {
        float: left;
        cursor: pointer;
    }
    .main-container .landing-page-main .landing-page .login-footer .login-video-text p {
        color: #fff;
        font-size: 24px;
        padding: 0;
        margin: 0;
        float: left;
        font-family: helveticaLight !important;
    }
    .main-container .landing-page-main .landing-page .login-footer .login-video-text span.left-arrow {
        background-image: url("../images/video_arrow.svg");
        background-size: 26px auto;
        display: inline-block;
        float: left;
        height: 26px;
        margin-left: 5px;
        margin-top: 5px;
        width: 26px;
    }
	.main-container .landing-page-main .landing-page .login-footer .login-text .login_bold{
        font-family: helveticaBold;
		font-weight: bold;
    }
    .main-container .landing-page-main .landing-page .login-footer .login-text a {
        color: #fff;
        font-size: 26px;
        padding: 0;
        margin: 0;
        float: left;
        text-decoration: none;
        font-family: helveticaLight;
    }
    .main-container .landing-page-main .landing-page .login-footer .login-text span.right-arrow {
        background-image: url("../images/login_arrow.svg");
        background-size: 26px auto;
        display: inline-block;
        float: left;
        height: 26px;
        margin-left: 22px;
        width: 26px;
		margin-top: 5px;
    }
    .main-container .landing-page-main video {
        width: 100%;
        height: 50vh;
    }
		.main-container .landing-main-div {
      background: gray;
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background-position-y: center !important;
      position: absolute;
      top: 0px;
      height: 100%;
      overflow: hidden;
      z-index: 1;
      left: 0;
      right: 340px;
    }
}

/* MD-1431 added new fields to login */

.username-container {
    padding: 0 3em .5em 3.75em;
   
}

.userinput-container{
	 margin-top: 9em;
}

 #forgotUserNameErr{
	margin-top: 10px;
	margin-left: 50px;
}
	 
.useraction-block {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-bottom: .35em;
    font-size: 13px;
}

.userinput-label {
    color: #ccff33;
    font-size: 1em;
    font-family: "OpenSans-Regular", OpenSans-Light-webfont, Open Sans, Arial,sans-serif !important;
    word-break: break-word;
    display: inline;
    padding-right: .5em;
    margin: 0;
}

.usertext-block {
    position: relative;
}

#loaderDiv {
    position: absolute;
    top: 6px;
    width: 25px;
    height: 25px;
    right: .35em;
    font-weight: 200;
    border: 16px solid #dadada;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    border-width: medium;
    display: none;
}

.user-input{
    position: static;
    margin: 0;
    width: 100%;
    padding: 0px 20px;
    border: medium none;
    height: 36px;
    color: #999999;
}

.password-help {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .25em;
    font-size: 13px;
}

a.forgotpassword-link{
    color: #add8e6;
    display: inline-block;
    text-decoration: underline;
    font-size: 1em;
    padding: 0;
    font-family: "OpenSans-Regular", OpenSans-Light-webfont, Open Sans, Arial,sans-serif !important;
}

.username-container  .error_msg {
    padding: .75em 0 0;
    line-height: 1;
    margin: 0;
}

.enter_button{
    color: #000;
    font-size: 14px;
    padding: .75em;
    text-decoration: none;
    background: url("../images/enter_button.svg") no-repeat scroll;
    display: block;
    height: 40px;
    width: 100%;
    border: none;
    margin-top: .75em;
    cursor: pointer;
}

.send_button{
		background:url("../images/send_button.svg") no-repeat scroll;
        width: 105px;
		border: none;
		margin:	0px 0px 10px 50px;
        height: 150px;
}

   .recovery-email-label{
    color: #ccff33;
    font-size: 13px;
    font-family: "OpenSans-Regular", OpenSans-Light-webfont, Open Sans, Arial,sans-serif !important;
    word-break: break-word;
    display: inline;
    padding: 10px;
    margin-left: 40px;
   }

   .recovery-email-input{
       margin-left: 50px;
        width: 70%;
        margin-top: 10px;
   }
   
   .login-mail .return-to-home-link{
    color: #0099ff;
    font-size: 12px;
    padding: 0;
    margin: 0;
    text-decoration: underline;
   }
   
   .email-recover-buttons {
    width: 70%;
    margin-left: 50px;
	}

   #login-mail-address-recovery{
   	font-size: 14px;
   	text-decoration: underline;
   	color: #ccff33;
   	display: inline;
   	padding: 0px;
   }

.username-container #password-input.login-password {
    margin: 0;
    width: 100%;
}

.useraction-buttons {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 1em;

}

.useraction-buttons button {
    margin: 0 !important;
    float: none i !important;
    height: 50px;
    cursor: pointer;
    width: 100%;
}

.useraction-buttons .login-back-btn {
    margin:	0px 0px 10px 50px;
    text-align: center;
    height: 50px;
    width: 105px;
    background: url("../images/Loginpage_back_button.svg") no-repeat;
    display: inline-block;
    outline: 0;
    border: 0;
}

.eidconsult_button_or{
    text-align:center;
    clear:both;
    padding:20px 0px 20px 0px;
    color:#ccff33;
    position: relative;
    margin: 0 3em 0 3.75em;
}
.eidconsult_button_or:before {
    content: '';
    display: block;
    width: 40%;
    height: 1px;
    background-color: #ccff33;
    position: absolute;
    top: 29px;
}

.eidconsult_button_or:after {
    content: '';
    display: block;
    width: 40%;
    height: 1px;
    background-color: #ccff33;
    position: absolute;
    top: 29px;
    right: 0;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.main-container .login-wrapper {
		padding: 16px 34px;
		background: url("../images/login_bg.svg") no-repeat;
		overflow-y: scroll;
		height: 100vh;
		/* width: calc(100% - 72px); */
		background-size: cover;
    }
    .main-container .login-wrapper .login-header {
        height: 64px;
        /* margin: 0px -40px; */
        width: 100%;
    }
    .main-container .login-wrapper .login-container {
        position: relative;
     /*    width: 50%; */
        margin: 0 auto;
       /*  height: calc(100vh - 64px - 64px); */
        display: flex;
        align-items: center;
    }
     .main-container .login-wrapper .login-container .login-subcontainer {
        margin: 0 20%;  /* Added */
    }
    .main-container .landing-page-main .landing-page .login-header {
        position: absolute;
        top: 0px;
        width: 100%;
		padding: 30px;
    }
    .main-container .landing-page-main .landing-page .login-header1 {
        position: relative;
        top: 150px;
        width: 100%;
    }
    .main-container .landing-page-main .landing-page .login-text {
        float: right;
        cursor: pointer;
		/*  margin: 0px -30px; */
    }
	.login-gd-logo {
		background-image: url("../images/video_logo.svg");
		background-repeat: no-repeat;
		float: right;
		background-size: 28px;
		right: 0px;
		/* top: 0px; */
		position: relative;
		width: 40px;
		background-position: center;
		height: 64px;
    }
	.Consultants_login{
		background:url("../images/EID_button.svg") no-repeat scroll center;  /* Added*/
	}
	.Consultants_login_dis{color: #000;
		font-size: 14px;
		padding: 10px 20px 10px;
		margin: 0;
		float: left;
		text-decoration: none;
		background:url("../images/EID_buttonfad.svg") no-repeat scroll;
		display: inline-block;
		height: 40px;
		/* width: 250px !important; */
		border: none;
	}
	.EID_button{
		/* margin: 0px 30px;        */
		background:url("../images/Consultants_button.svg") no-repeat scroll center;
		text-decoration: none;
		display: inline-block;
		height: 40px;
		/*    width: 250px !important; */
		border: none;
	}
     .login-gd-text {
		background: transparent url("../frontend/images/header-icons/logo.svg") no-repeat scroll 0;
		display: inline-block;
		float: left;
		height: 64px;
		/* margin: 14px 0 0 34px; */
		cursor: pointer;
		float: left;
		width: 70%;
		background-size: 140px;
    }
}

/* Smaller tab to smaller laptop */
@media only screen and (min-device-width: 620px) and (max-device-width: 1024px) {
	.user_request_tab{
		position: relative;
		bottom: 45px;
		top: 130px;
		left: 0;
		clear: both;
		display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;      /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;   /* TWEENER - IE 10 */
		display: -webkit-flex;  /* NEW - Chrome */
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.user_request_tab a{
		color: #e2e630;
		font-size: 12px;
		margin: 0 5px 0 5px;
		/* padding: 6px 14px; */
		text-decoration: none;
		display: inline-block;
		background: none;
		text-align: center;
		width: auto;
		border: 1px solid #e2e630;
		width: 80px;
		float: left;
		padding: 8px 0;
		display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;      /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;   /* TWEENER - IE 10 */
		display: -webkit-flex;  /* NEW - Chrome */
		display: flex;
		justify-content: center;
		align-items: center;
		height: 52px;
	}
    .user_request_tab a:hover {
        background: #e2e630 !important;
        color:#000000;
    }
}




/* ============ Small Laptop to Large Desktop =========== */

@media only screen and (min-width: 1024px) and (max-width: 1500px){
	@font-face {
		font-family: 'helveticaBold' ;
		src: url('../frontend/fonts/HelveticaNeueLTStd-Bd.eot');
		/* IE9 Compat Modes */

		src: url('../frontend/fonts/HelveticaNeueLTStd-Bd.woff') format('woff'),
		/* Modern Browsers */

		url('../frontend/fonts/HelveNeuBol.ttf') format('truetype'),
		/* Safari, Android, iOS */
	}
	/* Helvetica Light */

	@font-face {
		font-family: helveticaLight;
		src: url('../frontend/fonts/HelveticaNeueLTStd-Lt-Bd.eot');
		/* IE9 Compat Modes */

		src: url('../frontend/fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
		/* Modern Browsers */

		url('../frontend/fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
		/* Safari, Android, iOS */
	}
	/* Helvetica Thin */

	body {
        margin: 0px;
        position:relative;
        overflow:hidden;
    }
    .tab_style .login-wrapper {
        padding: 16px 34px;
        background: url("../images/login_bg.svg") no-repeat;
        /*  height: calc(100vh - 32px);
        width: calc(100% - 68px); */
		overflow-y: scroll;
		height: 100vh;
        /*   width: calc(100% - 72px); */
        background-size: cover;
        width: 100% !important;
    }
    .tab_style .login-wrapper .login-header {
        width: 100%;
        height: 45px;
    }
    .tab_style .login-wrapper .login-container {
        position: relative;
     /*    width: 50%; */
        margin: 0 auto;
        height: auto !important;
        display: flex;
        align-items: center;
    }
    .tab_style .login-wrapper .login-container .login-subcontainer {
        position: relative;
       /*  display: flex; */
        margin: 0 auto;
    }
    .tab_style .login-wrapper .login-container .login-subcontainer .login-separator {
        float: left;
        position: relative;
        margin-left: 48px;
        margin-right: 48px;
        background-color: #ccc;
    }
    .tab_style .login-wrapper .login-container .login-subcontainer .login-separator .login-separator-line {
        position: relative;
        width: 1px;
    }
    .tab_style .login-wrapper .login-container .login-subcontainer .login-subcontainer-left {
        float: left;
        position: relative;
        width:100% !important;
    }
    .tab_style .login-wrapper .login-container .login-subcontainer .login-subcontainer-left .login-input-fields {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .tab_style .landing-page-main {
       /* padding: 16px 34px 50px 34px;*/
        position: relative;
        z-index: 9999;
        width: calc(100% - 10px);
    }
    .tab_style .login_right_space {
        width: 10px;
        height: 100vh;
        background-color:#ccc;
    }
    .tab_style .landing-page-main .landing-page {
        position: relative;
        /*height: calc(100vh - 66px);*/
    }
    .tab_style .landing-page-main .landing-page .login-header {
        position: absolute;
        top: 0px;
        width: 100%;
		padding: 30px;
    }
    .tab_style .landing-page-main .landing-page .login-header1 {
        position: relative;
        top: 150px;
        width: 100%;
    }
    .tab_style .landing-page-main .landing-page .login-text {
        float: right;
        cursor: pointer;
        /*  margin: 0px -30px; */
    }
    .tab_style .landing-page-main .landing-page .login-text a {
        color: #000;
        font-size: 14px;
        padding: 10px 20px 10px;
        margin: 0;
        float: left;
        text-decoration: none;
		height: 50px;
		width: 125px;
		background: url("../images/Login_button.svg") no-repeat;
        display: inline-block;
    }
    .tab_style .login-container .login-subcontainer .login-subcontainer-left .login-input-fields .login-name {
        border: medium none;
        height: 36px;
        color: #999999;
        padding: 0;
        padding: 0px 20px;
        margin-top: 14px;
        padding-left: 12px;
        width: 100%;
		max-width: 100% !important;
        font-family: helveticaLight;
        position: relative !important;
        margin: 0px !important
    }
    .tab_style .login-container .login-subcontainer .login-subcontainer-left .login-input-fields .login-password {
        border: medium none;
        height: 36px;
        padding: 0;
        color: #999999;
        margin-top: 14px;
        width: 100%;
        padding-left: 12px;
        max-width: 100% !important;
        font-family: helveticaLight;
        margin: 20px 0px !important;
    }
    .tab_style .login-container .login-subcontainer .login-subcontainer-left .login-input-fields .login-btn {
        background: url("../images/Login_button.svg") no-repeat;
        display: inline-block;
        outline: 0;
        background-size: cover;
        clear: both;
        width: 120px;
        height: 40px;
        /* top: 130px; */
        /* position: absolute; */
        cursor: pointer;
        border: medium none;
        text-align: center;
        font-family: helveticaLight;
        font-size: 12px;
        float: right;
        margin: 0px !important;
    }

	/* .tab_style .eidconsult_button{margin-top: 110px;} */
	.tab_style .eidconsult_button_user{padding:0px;}
	.tab_style .eidconsult_button_or{text-align:center;clear:both;padding:20px 0px 0px 0px;color:#fff;}
	.tab_style .error_msg{font-size: 12px;  color:wheat; padding:2px;padding: 2px;
		margin: 8px !important;
		display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;      /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;   /* TWEENER - IE 10 */
		display: -webkit-flex;  /* NEW - Chrome */
		display: flex;
		justify-content: center;
		align-items: center;


	}
	.tab_style .eidconsult_button_login{padding:0px;}
	.tab_style .login-subcontainer-right {
		width: 100%;
		position: relative;
		top: 270px !important;
		left: 0;
		clear: both;
		margin-bottom: 45px;
    }
	.tab_style .login-mail {
        position: relative;
        bottom: 0px;
        white-space: nowrap;
    }
    .tab_style .login-mail-address {
        color: #E3E730;
        font-size: 12px;
        font-style: italic;
        word-break: break-word;
    }
	.tab_style .login-mail p {
        margin: 0;
        white-space: nowrap;
        color: #ffffff;
        font-size: 12px;text-align: left;
    }
	.tab_style .user_request_tab{
		position: relative;
		bottom: 45px;
		top: 130px;
		left: 0;
		clear: both;
	}
	.tab_style .user_request_tab a{
		color: #e2e630;
		font-size: 12px;
		margin: 0 5px 0 5px;
		/* padding: 6px 14px; */
		text-decoration: none;
		display: inline-block;
		background: none;
		text-align: center;
		width: auto;
		border: 1px solid #e2e630;
		width: calc(33% - 10px);
		float: left;
		padding: 8px 0;
		display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;      /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;   /* TWEENER - IE 10 */
		display: -webkit-flex;  /* NEW - Chrome */
		display: flex;
		justify-content: center;
		align-items: center;
		height: 52px;
	}
    .tab_style .user_request_tab a:hover {
		background: #e2e630 !important;
		color:#000000;
	}
	.tab_style .hidecolor{background:red;}
	.tab_style .sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		right: 0;
		background-color: #676264;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;cursor: auto;
	}
	.tab_style .login-gd-logo {
		background-image: url("../images/video_logo.svg");
		background-repeat: no-repeat;
		float: right;
		height: 45px;
		width: 32px;
		background-size: 20px;
		right: 0px;
		/* top: 20px; */
		position: relative;
		margin-right: -5px;
		background-position: center;
    }
	.tab_style .sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 25px;
		color: #818181;
		display: block;
		transition: 0.3s
	}
	.tab_style.sidenav a:hover, .tab_style .offcanvas a:focus{
		color: #f1f1f1;
	}
	.tab_style .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px !important;
		margin-left: 50px;
	}

	.tab_style .Consultants_login{
		/* margin: 0px 30px; */
		background:url("../images/EID_button.svg") no-repeat scroll center;
		display: inline-block;
		height: 40px;
		border: none;
		width: 100% !important;
	}
	.tab_style .Consultants_login_dis{color: #000;
		font-size: 14px;
		padding: 10px 20px 10px;
		margin: 0;
		float: left;
		text-decoration: none;
		background:url("../images/EID_buttonfad.svg") no-repeat scroll;
		display: inline-block;
		height: 40px;
		/* width: 250px !important; */
		border: none;
	}
	.tab_style .EID_button{
		/* margin: 0px 30px;        */
		background:url("../images/Consultants_button.svg") no-repeat scroll center;
		text-decoration: none;
		display: inline-block;
		height: 40px;
		/*    width: 250px !important; */
		border: none;
	}
    .tab_style .login-gd-text {
        background: transparent url("../frontend/images/header-icons/logo.svg") no-repeat scroll 0 ;
		display: inline-block;
		float: left;
		height: 45px;
		margin: 0px 0 0 -5px;
		cursor: pointer;
		float: left;
		width: 70%;
		background-size: 120px;
    }
    .tab_style .landing-page-main .landing-page .login-footer {
        position: fixed;
        bottom: 0px;
        width: 100%;
        padding:40px;
    }
    .tab_style .landing-page-main .landing-page .login-footer .login-video-text {
        float: left;
        cursor: pointer;
    }
    .tab_style .landing-page-main .landing-page .login-footer .login-video-text p {
        color: #fff;
        font-size: 24px;
        padding: 0;
        margin: 0;
        float: left;
        font-family: helveticaLight !important;
    }
    .tab_style .landing-page-main .landing-page .login-footer .login-video-text span.left-arrow {
        background-image: url("../images/video_arrow.svg");
        background-size: 26px auto;
        display: inline-block;
        float: left;
        height: 26px;
        margin-left: 5px;
        margin-top: 5px;
        width: 26px;
    }
	.tab_style .landing-page-main .landing-page .login-footer .login-text .login_bold{
        font-family: helveticaBold;
		font-weight: bold;
    }
    .tab_style .landing-page-main .landing-page .login-footer .login-text a {
        color: #fff;
        font-size: 26px;
        padding: 0;
        margin: 0;
        float: left;
        text-decoration: none;
        font-family: helveticaLight;
    }
    .tab_style .landing-page-main .landing-page .login-footer .login-text span.right-arrow {
        background-image: url("../images/login_arrow.svg");
        background-size: 26px auto;
        display: inline-block;
        float: left;
        height: 26px;
        margin-left: 22px;
        width: 26px;
		margin-top: 5px;
    }
    .tab_style .landing-page-main video {
        width: 100%;
        height: 50vh;
    }
    .tab_style .landing-main-div {
        position: absolute;
        top: 0px;
        height: 100%;
        overflow: hidden;
        z-index: 1;
        width: 100%;
    }
    .tab_style .landing-main-div video {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 1;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

/*Tablet to large screen*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1500px) and (orientation: portrait) {
	.tab_style .login-wrapper {
		padding: 16px 34px;
		background: url("../images/login_bg.svg") no-repeat;
		overflow-y: scroll;
		height: 100vh;
		/* width: calc(100% - 72px); */
		background-size: cover;
    }
    .tab_style .login-wrapper .login-header {
        height: 64px;
        /* margin: 0px -40px; */
        width: 100%;
    }
    .tab_style .login-wrapper .login-container {
        position: relative;
     /*    width: 50%; */
        margin: 0 auto;
       /*  height: calc(100vh - 64px - 64px); */
        display: flex;
        align-items: center;
    }
     .tab_style .login-wrapper .login-container .login-subcontainer {
        margin: 0 20%;  /* Added */
    }
    .tab_style .landing-page-main .landing-page .login-header {
        position: absolute;
        top: 0px;
        width: 100%;
		padding: 30px;
    }
    .tab_style .landing-page-main .landing-page .login-header1 {
        position: relative;
        top: 150px;
        width: 100%;
    }
    .tab_style .landing-page-main .landing-page .login-text {
        float: right;
        cursor: pointer;
		/*  margin: 0px -30px; */
    }
	.tab_style .login-gd-logo {
		background-image: url("../images/video_logo.svg");
		background-repeat: no-repeat;
		float: right;
		background-size: 28px;
		right: 0px;
		/* top: 0px; */
		position: relative;
		width: 40px;
		background-position: center;
		height: 64px;
    }
	.tab_style .Consultants_login{
		background:url("../images/EID_button.svg") no-repeat scroll center;  /* Added*/
		width: 100% !important;
	}
	.tab_style .Consultants_login_dis{color: #000;
		font-size: 14px;
		padding: 10px 20px 10px;
		margin: 0;
		float: left;
		text-decoration: none;
		background:url("../images/EID_buttonfad.svg") no-repeat scroll;
		display: inline-block;
		height: 40px;
		/* width: 250px !important; */
		border: none;
	}
	.tab_style .EID_button{
		/* margin: 0px 30px;        */
		background:url("../images/Consultants_button.svg") no-repeat scroll center;
		text-decoration: none;
		display: inline-block;
		height: 40px;
		/*    width: 250px !important; */
		border: none;
	}
    .tab_style .login-gd-text {
		background: transparent url("../frontend/images/header-icons/logo.svg") no-repeat scroll 0;
		display: inline-block;
		float: left;
		height: 64px;
		/* margin: 14px 0 0 34px; */
		cursor: pointer;
		float: left;
		width: 70%;
		background-size: 140px;
    }
}

/*Smaller Tablet to large screen*/
@media only screen and (min-device-width: 620px) and (max-device-width: 1500px) {
	.tab_style .user_request_tab{
		position: relative;
		bottom: 45px;
		top: 130px;
		left: 0;
		clear: both;
		display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;      /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;   /* TWEENER - IE 10 */
		display: -webkit-flex;  /* NEW - Chrome */
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.tab_style .user_request_tab a{
		color: #e2e630;
		font-size: 12px;
		margin: 0 5px 0 5px;
		/* padding: 6px 14px; */
		text-decoration: none;
		display: inline-block;
		background: none;
		text-align: center;
		width: auto;
		border: 1px solid #e2e630;
		width: 80px;
		float: left;
		padding: 8px 0;
		display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;      /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;   /* TWEENER - IE 10 */
		display: -webkit-flex;  /* NEW - Chrome */
		display: flex;
		justify-content: center;
		align-items: center;
		height: 52px;
	}
    .tab_style .user_request_tab a:hover {
		background: #e2e630 !important;
		color:#000000;
	}
	
}