@media screen and (max-width:1600px){
.before_login .ewd-login-area .slds h1.slds-text-heading--small {font-size: 36px;}
.before_login .ewd-login-sec {padding-left: calc(100% - 545px);}
.before_login .login-banner, .before_login .header {width: calc(100% - 545px);}
.before_login .logo-area {padding: 30px;}
}

@media screen and (max-width:1400px){
.container, .ewd-mid-sec {max-width: 1280px;}
.application-status .comn-tiles-inner{padding-top:8px;}
.vertical-status .status-steps li { height:45px; line-height:45px; padding-left: 62px;}
.vertical-status .status-steps li:last-child {margin-bottom:9px;}
.after_login #outerMainDiv .main-form-div .sectionTitle.slds-text-heading--label{font-size: 24px; padding: 20px 0 15px 0;}
.welcome-text p {font-size: 28px;}
.vertical-status .status-steps li i {width: 45px; height: 45px;}
.vertical-status .status-steps li:before {left: 21px; top: 45px;}
.vertical-status .status-steps li i svg {width: 24px; height: 24px; margin-top: 8px;}
.vertical-status .status-steps li.active i svg {width: 25px; height: 25px; margin-top: 10px;}
.main-slider-widget {width: 101.2%; margin-left: -1.2%;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider{height: 452px;}
.inner_top_banner {height: 200px;}

.before_login .ewd-login-area .slds h1.slds-text-heading--small {font-size: 30px; margin-bottom:30px;}
.before_login .ewd-login-sec {padding-left: calc(100% - 435px);}
.before_login .login-banner, .before_login .header {width: calc(100% - 435px);}
.before_login .ewd-login-area {padding: 30px 15px;}
.before_login .ewd-login-area .slds-form-element .slds-input, .before_login .ewd-login-area .RegisterPageInputTextStyle {height: 44px;}
.before_login .main .slds .slds-form-element__label {font-size: 16px;}
.before_login .slds-form-element {margin-bottom: 20px;}
.before_login .btn_login .slds-button, .before_login .submit-button .slds-button {height: 44px; line-height: 44px;font-size: 16px;}
/* 23-02-2021 | PD-8901 | Ghanshyam */
.application-status.status-height .comn-tiles {height: 452px;}
}


@media screen and (max-width:1279px){
.comn-tiles.assigned-counselor, eventlisting .eventlisting {    min-height: 405px;}	
.header .main-navigation .main-nav:before {width: 120%;}
.container, .ewd-mid-sec {max-width: 990px;}
.comn-tiles, .after_login .erx-checklist, .after_login .eventlisting {padding: 15px;}
.comn-tiles .title-tiles, .after_login .main .erx-checklist .slds-form-element__label.checklist-title, .after_login .main .eventlisting .slds-form-element__label.eventlist-title {font-size: 20px; padding-bottom: 12px; margin-bottom: 15px;}
.header .main-navigation .main-nav li {padding: 0px 15px;}
.header .main-navigation .main-nav li a {padding: 7px 0px; font-size: 15px;}
.header-call-text {padding: 0px 15px;}
.counselor-name h2 {font-size: 24px;}	
.counselor-name h3, .cnslr-cont-row {font-size: 14px;}
.congrats-txt-wrap {padding: 30px 20px 40px 20px;}
.welcome-widget .comn-tiles-inner {font-size: 16px;}
.links-widget-txt h2 {font-size: 16px;}
.links-widget-txt{margin-top:5px;}
.application-status .comn-tiles-inner{padding-top:6px;}
.vertical-status .status-steps li {font-size: 16px;  margin-bottom:20px;}
.after_login #outerMainDiv .main-form-div .sectionTitle.slds-text-heading--label, .before_login .main.two-colmn-form .sectionTitle {font-size: 20px; padding: 15px 0;margin-bottom: 25px;}
.after_login #outerMainDiv .navigation-progess-bar-div {width: 300px;}
.after_login #outerMainDiv .main-form-div {width: calc(100% - 300px); padding: 0px 0 0 20px;}
.after_login .main-form-container {padding: 0px 20px 20px 20px;}
.inner_top_banner {margin-bottom: 5px;}
.welcome-text p {font-size: 24px;}
.footer-social a {font-size: 18px; margin: 0px 2px; width: 32px; height: 32px; line-height: 32px;}
.footer-logo img {width: 210px;}
.footer-right {padding: 30px 0px 30px 20px;}
.footer-address-wrap { margin-bottom: 20px;  padding-bottom: 20px;}
body {font-size: 14px;}	
.vertical-status .status-steps li i {width: 40px;  height: 40px;}
.vertical-status .status-steps li i svg {width: 22px; height: 22px; margin-top:6px;}
.vertical-status .status-steps li {font-size: 15px; margin-bottom: 17px; height: 40px; line-height: 40px; padding-left: 52px;}
.status-steps li:before {left: 19px; top: 40px;} 
.main-slider-widget {width: 101.5%; margin-left: -1.6%;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider{height: 367px;}
.vertical-status .status-steps li:before {left: 19px; top: 40px;}
.vertical-status .status-steps li.active i svg {width: 22px; height: 22px;}
.footer-wrap {display: block;}
.inner_top_banner {height: 150px;}
.overlay-txt{ top:25%; font-size:15px;}
.links-widget-box .btn-learn-more{ bottom:15px; padding:3px 10px;}
.footer-logo img{ max-height:80px;}
.header .main-navigation .main-nav > li{padding:0px 10px;}
.header .main-navigation .main-nav {padding-right: 5px;}
/*PD-7771 - CSS*/
.page-error-message {margin-left: 320px;}
.vertical-status .status-steps li .icon-1 img, .vertical-status .status-steps li .icon-2 img { width: 30px;   top: -4px;} /* PD-8128 */
/* 23-02-2021 | PD-8901 | Ghanshyam */
.application-status.status-height .comn-tiles {height: 367px;}
}


@media screen and (max-width:991px){
.comn-tiles.assigned-counselor, eventlisting .eventlisting {    min-height: inherit;}		
.nav-responsive.erx-checklist ul li {font-size: 18px;}
.counselor-img {width: 120px;}
.counselor-img img{width: 120px; height: 120px;}
.cnslr-cont-row {font-size: 14px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default {padding:10px 0px;  width: 100%; margin-bottom:15px;}
.after_login #outerMainDiv .navigation-progess-bar-div {padding: 0; margin: 0;  width: 100%;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default .navbar-toggle{padding:0px 15px;margin: 0px;width: 100%; font-size: 20px;text-align: left;background: none; color: #000;position: relative;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default .navbar-header{margin: 0px; padding:0px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default .sideBarMenu{padding-top: 15px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default .sideBarMenu ul{overflow: visible;}
.after_login #outerMainDiv .main-form-div {width: 100%;padding: 0px;margin: 0px;}
.after_login .main-form-container {padding:0px 20px 20px 20px;}
.after_login #outerMainDiv .main-form-div .sectionTitle.slds-text-heading--label{font-size: 20px; padding: 15px;  margin: 0px -20px 20px -20px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default .navbar-toggle:after {content: "";float: right;border-top: solid 10px #000;border-left: solid 8px transparent;border-right: solid 8px transparent;z-index: 999999; margin-top: 10px;}
.welcome-widget .comn-tiles-inner {font-size: 15px;}
/*.after_login .logo-area .logo-sub-heading {font-size: 16px;}*/
.logo-area .logo-sub-heading {font-size: 16px;}

/*======= MOBILE MENU CSS =======*/
.header .overlay_menu{ background: #000000; height: 100%; width: 100%; opacity: 0;  top:85px; left: 0; position: fixed; padding: 0; transition: opacity .5s; -webkit-transition: opacity .5s; z-index: -99; display: none;}
.header .overlay_menu.active {opacity: 0.7; display: block;  z-index:100;}
.header .menu-icon{width: 40px; display: block; float: right;  background:#fff url('../images/menu-icon.png') no-repeat 8px 10px;  background-size: 24px; height: 36px; margin-top:20px;}
.header .menu-icon.active {background:#fff url('../images/cross.png') no-repeat 8px 10px;  background-size: 24px; height: 36px;}
.header .main-navigation{ position:fixed; left: -300px; top :85px; width: 300px; height: 100%;  z-index:888; transition: 400ms left; -webkit-transition: 400ms left;  -moz-transition: 400ms left;   -o-transition: 400ms left; padding:15px; background:#333e48; z-index: 999; margin:0px;}
.header .main-navigation.openMenu{left: 0;}
.header .top_nav{ display: none;}
.header .main-navigation .top_nav{display:block; width:100%;}
/*======= MOBILE MENU CSS END =======*/
.after_login .header{padding: 0; height: 85px; position: fixed; left: 0px;  top: 0px;  z-index: 999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.after_login .main{padding-top:85px;}
body.HomepageBuilder.after_login .header {top: 85px;}
.header .main-navigation .main-nav:before{display:none;}
.header .main-navigation .main-nav li {border: 0; padding: 0; width: 100%;}
.header .main-navigation .main-nav li a {color: #fff;  width: 100%; text-align: left; padding: 5px 0px; float:left;}
.top_nav .top_links li {margin-right: 0;}
.top_nav .top_links {padding-top: 0; width:100%;}
.link_logout {padding: 0px 10px;  font-size: 16px; width: 100%; text-align: center;  margin-bottom: 10px; margin-top:10px;}
.header-call, .header-call-btn {width: 100%;}
.header .main-navigation .main-nav {padding-right: 0; position: relative;}
.header .main-navigation .main-nav > li a{border-bottom: solid 1px transparent;}
.header .main-navigation .main-nav > li a:hover, .header .main-navigation .main-nav > li.active a {border-bottom: solid 1px #685e57;}
.menu-icon{display:block;}
.main-nav, .top_nav .top_links{float: left; width: 100%; padding: 0px; margin: 0px;}
.main-nav li, .top_nav .top_links li {float: left; width: 100%; padding: 0; margin-bottom: 2px;}
/*------------------------------------*/
.counselor-name h2 {font-size: 18px;}
.footer-social {margin-bottom: 15px;}
.copyright {font-size: 13px; letter-spacing:1px;}
.vertical-status .status-steps li:last-child {margin-bottom: 0;}
.counselor-wrap {padding-top: 5px;}
.comn-tiles .title-tiles, .after_login .main .erx-checklist .slds-form-element__label.checklist-title, .after_login .main .eventlisting .slds-form-element__label.eventlist-title {font-size: 18px; padding-bottom: 10px;}
.links-widget-txt h2 {font-size: 14px;}
.inner_top_banner {margin-bottom:0px; display:none;}
.slds-grid.slds-wrap.section-div{margin-right:0px;}
.main .slds .slds-form-element__label {font-size: 14px;}
.main .slds-button.custom-upload-btn {height: 38px; line-height: 38px; margin: 6px 0 0 0px;}
.before_login .header { left: 0;  top: 0; transform: inherit; -webkit-transform: inherit; width: 100%; position: relative; float: left; text-align: center; padding: 15px;     background: var(--theme-header-bg);}
.before_login .login-banner{display:none;}
.before_login .logo-area {width: 220px;}
.before_login .ewd-login-area .slds h1.slds-text-heading--small {font-size: 28px; margin-bottom: 25px;}
.before_login .main .slds .slds-form-element__label, .before_login .btn_login + a, .before_login .btn_login + a + a, a.back-to-login {font-size: 16px;}
.before_login .ewd-login-area .slds-form-element .slds-input, .before_login .ewd-login-area .RegisterPageInputTextStyle {height: 46px; font-size:15px;}
.before_login .btn_login .slds-button, .before_login .submit-button .slds-button {height: 46px; line-height: 46px; font-size: 16px;}
.before_login .ewd-login-area {padding: 25px 0px; max-width: 600px;  margin: auto; height: auto; width: 94%;}
.before_login .ewd-login-sec {padding-left: 0;}

.footer-left {width: 100%; padding: 25px 0; text-align: center;}
footer.footer {margin-top: 25px; padding: 15px 0px;}
.footer-right {padding: 15px 0px; width: 100%;}
.link_logout svg{display:none;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider {height: 354px;}
.footer-left:before{display:none;}
.links-widget-box .btn-learn-more{ min-width:100px; text-align:center;}
.after_login .logo-area{ padding:0px;}
.after_login .logo-area img{ max-height:70px;}
.before_login .logo-area{ background:transparent; padding:0px;}
.after_login .logo-area{ width:80%; float: none;}
.after_login .logo-area img{ max-height:60px;}
.page-error-message { margin: 0; padding: 0;}
/* 23-02-2021 | PD-8901 | Ghanshyam */
.application-status.status-height .comn-tiles {height: auto;}
}

@media screen and (max-width:900px){
.vertical-status .status-steps li {font-size: 13px;}	
}

@media screen and (max-width:768px){
.links-widget-box{ width:100%; margin-left:0px;}	
.overlay-txt{ top:35%; font-size:18px;}
.links-widget-box .btn-learn-more{ bottom:25%;}
/*.main-slider-widget:before, .home-slider-col:before{ background:transparent;}*/
.home-slider-col .carousel-inner{ margin-left:0px;}	
.eventlisting .table-responsive{overflow: visible; border: 0px;}
.welcome-widget .comn-tiles-inner {font-size: 14px;}
.nav-responsive.erx-checklist ul li {font-size: 16px;}
.eventlisting > div {overflow: inherit;  max-height: inherit;}
/*.after_login .logo-area i {font-size: 36px;}
.after_login .logo-area span.logo-txt {font-size: 18px; padding: 0 0 0 5px;}*/
.logo-area i {font-size: 36px;}
.logo-area span.logo-txt {font-size: 18px; padding: 0 0 0 5px;}
.congrats-thumb-img{width: 100%;}
.main{padding:0px;}
.carousel-indicators {bottom: 0px; margin-bottom:4px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default .sideBarMenu {border: 0px;}
.vertical-status .status-steps li {font-size: 13px;  height: auto;  padding:0px;  width: 20%; background: none; text-align: center; margin: 0px;}
.vertical-status .status-steps li.active{ background:none;}
.vertical-status .status-steps li i{position: relative; vertical-align: top; display:inline-block;}
.vertical-status .status-steps li span{float: left; width: 100%; margin-top: 6px; line-height: normal;}
.vertical-status .status-steps li br{display: block;}
.home-slider-col .carousel-inner {margin-top: 0px;}
/*.after_login .logo-area .logo-sub-heading {font-size: 14px;}*/
.logo-area .logo-sub-heading {font-size: 14px;}
.vertical-status .status-steps li i {width: 38px;  height: 38px; line-height: 38px; vertical-align: top;}
.welcome-img {width: 100%; text-align: center; margin-bottom: 15px;}
.counselor-name h3 {font-size: 13px;}
.footer-col.footer-logo {float: left;  display: block;  width: 100%; padding:0px; margin-bottom:30px;}
.footer-col {width: 50%;}
.footer-col .footer-icon-1 {margin-top: -64px;  width: 70px;}
footer.footer {padding: 15px 0; margin-top: 0;}
.footer-divider {margin: 30px 0px;}
.vertical-status .status-steps li:before{display:none;}
.comn-tiles{padding:15px;}
.vertical-status.application-status{margin-top:15px;}
.theme-2.ewd-none {margin: 0;}
.welcome-widget p {margin-bottom:15px;}
.vertical-status .status-steps li.active i svg {width: 25px; height: 25px; margin: 6px 0 0 0;}
.main .slds-button.custom-upload-btn{width:100%; position:relative !important; top:0px; right:0px;}
.slds .slds-grid--pull-padded{margin-right: -12px;}
.welcome-text p {font-size: 20px;}
.main-slider-widget {width:100%; margin: 0px;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider{height: 300px;}
.footer-address {display: inline-block;  padding: 5px 0;  width: 100%;}
/*.application-status:before, .main-slider-widget:before{display:none;}*/
.before_login .ewd-login-area .slds h1.slds-text-heading--small {font-size: 24px; margin-bottom: 20px;  padding-bottom: 15px;}
.main .slds-button:hover, .main b.slds-truncatem .slds .slds-button--brand:hover, .main .slds .slds-button:hover{color: var(--theme-primary-text-color);
 background: var(--theme-primary-bg-color);}

 /*ECS-96 WOLBI*/
 .vertical-status .status-steps li .icon-1, .vertical-status .status-steps li .icon-2 { position: relative;  left: 0;  top: 0;}
.image-present .welcome-text {padding-left: 0px;}
}

@media screen and (max-width:767px){
.main .slds-button, .main b.forgotPasswordLinkStyle, .main b.slds-truncatem .slds .slds-button--brand, .main .slds .slds-button, .main b.slds-truncate{width: 100%;}   
/*PD-7319*/
/*.main .slds .slds-col{width: 100% !important; vertical-align: top;}*/
.button-block .slds-col {width: 100% !important; vertical-align: top;}
/*.main .slds .slds-col button{width: 100% !important; vertical-align: top; margin:0 0 10px 0px !important;}*/
.button-block .slds-col button{width: 100% !important; vertical-align: top; margin:0 0 10px 0px !important;}
#Google .fa-google, #Facebook .fa-facebook-f, #LinkedIn .fa-linkedin-in {width: 100%;}
.activityCheckboxAllign {padding: 0 0 5px 0;}
}

@media screen and (max-width:640px){
.congrats-txt-wrap {padding:30px 20px;}	
.congrats-txt {font-size: 16px;}
/*.after_login .logo-area span.logo-txt {font-size: 16px;}
.after_login .logo-area i {font-size: 32px;}*/
.logo-area span.logo-txt {font-size: 16px;}
.logo-area i {font-size: 32px;}
.gt-grid-control:before { height: 38px;  width: 53px;   background: url(https://c.na49.visual.force.com/resource/ERx_Brand_Logo_Mob) left top no-repeat;}
.erx-grid-toolbar { margin: 0 2px 0 2px;}
.gt-grid-control{padding:8px; height: 54px;}
body.HomepageBuilder.after_login .header {top: 54px;}
.footer-col .footer-icon-1 {display: none;}
.footer-col {width: 100%; padding: 0;  margin-bottom: 10px;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider{height:250px;}
.owl-carousel .links-widget-txt h2{ font-size:24px;}
.owl-carousel .links-widget-txt{ bottom:100px;}
}

@media screen and (max-width:479px){
.eventlisting .table-responsive table thead {display: none;}
.eventlisting .table-responsive table tr td {display: block; padding: 10px; text-align: left;  width: 100%;}
.vertical-status .status-steps li{font-size: 10px;}
.eventlisting .table-responsive table tr td:nth-child(2){width: auto; margin: 0px;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider{height:180px;}

}

@media screen and (max-width:360px){
.vertical-status .status-steps li br{display: none;}
.vertical-status .status-steps li{font-size:9px;}
.gt-grid-control:before { background-size:40px 27px; left: 10px; top: 14px;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider{height:150px;}
}

/*PD-7709 - CSS for custom registration page start*/
@media screen and (max-width: 1600px)
.before_login .ewd-login-area #outerMainDiv .main-form-div .sectionTitle {font-size: 36px;}
}
@media screen and (max-width: 1400px){
.before_login .ewd-login-area #outerMainDiv .main-form-div .sectionTitle {font-size: 30px; margin-bottom: 30px;}
.before_login .ewd-login-area #outerMainDiv .main-form-div .slds-form-element__label{font-size: 16px;}
}
@media screen and (max-width: 991px){
.before_login .ewd-login-area #outerMainDiv .main-form-div .sectionTitle {font-size: 28px; margin-bottom: 25px;}
}
@media screen and (max-width: 768px){
.before_login .ewd-login-area #outerMainDiv .main-form-div .sectionTitle {font-size: 24px; margin-bottom: 20px;  padding-bottom: 15px;}
}
/*PD-7709 - CSS for custom registration page end*/

/*PD-8052 - CSS for picklist items in mobile start*/
@media (max-width:1279px){
.main #outerMainDiv .slds-picklist--draggable .slds-form-element__label {font-size: 12px;}
.slds .slds-picklist__options {width: 158px;}
}

@media (max-width:991px){
.slds .slds-picklist__options {width: 200px;}
}

@media (max-width:640px){
.slds-picklist.slds-picklist--multi ul.picklist.slds-picklist__options {width: 100%;}
.slds-picklist--draggable.slds-grid {display: block;}
.slds-picklist--draggable .slds-form-element {width: 100%; display: block;}
.slds-picklist--draggable .slds-grid--vertical {justify-content: center; display: inline-block; text-align: center;
width: 100%;}
.slds-picklist--draggable .slds-grid--vertical button.slds-button--icon-container {-webkit-transform: rotate(90deg);
transform: rotate(90deg);}
.slds-picklist--draggable .slds-grid--vertical button.slds-button--icon-container {margin: 5px 10px !important;}
}
/*PD-8052 - CSS for picklist items in mobile end*/