@media screen and (max-width:1400px){
.owl-carousel .links-widget-img img, .owl-carousel .links-widget-img {width: 160px;  height: 160px;}
.container, .ewd-mid-sec {max-width: 1280px;}
.application-status .comn-tiles-inner{padding-top:8px;}
.vertical-status .status-steps li {font-size: 18px;}
.vertical-status .status-steps li:last-child {margin-bottom: 5px;}
.after_login #outerMainDiv .main-form-div .sectionTitle.slds-text-heading--label{font-size: 24px; padding: 20px 0 15px 0;}
.before_login .ewd-login-area > .slds {padding: 40px !important; max-width: 600px;}
.before_login .ewd-login-area .slds h1.slds-text-heading--small {font-size: 40px; margin-bottom: 30px;}
.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: 18px;}
.before_login .btn_login .slds-button, .before_login .submit-button .slds-button {height: 48px; line-height: 48px; font-size: 18px;}
.before_login .login-banner {width: 480px;}
.before_login .ewd-login-sec {padding-left: 480px;}
.welcome-text p {font-size: 26px;}
.main-slider-widget { margin: 0 -1.2%; width: 101.8%;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider{height: 404px;}
.before_login .header{ width:480px;}
/* 23-02-2021 | PD-8901 | Ghanshyam */
.application-status.status-height .comn-tiles {height: 404px;}
}


@media screen and (max-width:1279px){
.comn-tiles.assigned-counselor, eventlisting .eventlisting {    min-height: 415px;}		
body {font-size: 14px;}	
.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: 20px;}
.after_login .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: 24px; padding-bottom: 12px; margin-bottom: 15px;}
.welcome-widget p {margin-bottom:20px;}
.owl-carousel .links-widget-img img, .owl-carousel .links-widget-img {width: 140px; height: 140px;}
.header .main-navigation .main-nav li {padding: 0px 10px;}
.header .main-navigation .main-nav li a {padding: 7px 0px; font-size: 16px;}
.link_logout {height: 54px; line-height: 54px; font-size: 16px;}
.header-call-text {padding: 0px 15px;}
.counselor-img {width: 180px;}
.counselor-img img{width: 180px; height: 180px;}

.counselor-name h2 {font-size: 20px;}	
.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: 15px;  margin-bottom:20px; padding-left:50px;}
.welcome-text {padding-left: 25px;}
.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 .navbar-default {padding: 20px;}
.after_login #outerMainDiv .navigation-progess-bar-div {width: 350px;}
.after_login #outerMainDiv .main-form-div {width: calc(100% - 350px); padding: 0px 0 0 20px;}
.after_login .main-form-container {padding: 0px 20px 20px 20px;}
.after_login #outerMainDiv .inner_top_banner {margin-bottom: 5px;}

.before_login .ewd-login-area > .slds {padding: 30px !important;}
.before_login .ewd-login-area .slds h1.slds-text-heading--small {font-size:32px;}
.before_login .ewd-login-sec {padding-left: 420px;}
.before_login .login-banner {width: 420px;}
.before_login .header {width: 420px;}
.before_login .ewd-login-area {padding: 50px;}
.welcome-text p {font-size: 22px;}
.main-slider-widget {margin: 0 -1.6%; width: 102.4%;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider{height: 311px;}
/* .eventlisting .table-responsive table tr td:nth-child(2) {width: 148px; min-width: auto;} */
.overlay-txt {top: 15px; font-size: 14px;}
.after_login .logo-area img {    max-height: 90px;}
.page-error-message {margin-left: 370px;}
/* 23-02-2021 | PD-8901 | Ghanshyam */
.application-status.status-height .comn-tiles {height: 311px;}
}
@media screen and (max-width:1199px){
.vertical-status .status-steps li span{ vertical-align:sub;}
.application-status .comn-tiles{ padding:15px;}
.vertical-status .status-steps li{ padding-left:40px;}
.vertical-status .status-steps li i{    width: 30px;    height: 30px;    line-height: 30px;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider{ height:321px;}
.after_login .logo-area img {    max-height: 80px;}
/* 23-02-2021 | PD-8901 | Ghanshyam */
.application-status.status-height .comn-tiles {height: 321px;}
}

@media screen and (max-width:990px){
.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 15px;  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;margin: 0px;width: 100%;text-transform: uppercase;font-size: 20px;text-align: left;background: #fff;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;  height:40px; display:block; float: right; background:#fff url('../images/menu-icon.png') 5px 10px no-repeat; background-size: 30px;}
.header .menu-icon.active {  background:#fff url('../images/cross.png') 5px 10px no-repeat; background-size:30px;}
.header .menu-close{  width: 35px;  height: 24px; display: block; float: left;  margin: 0;
background: url('../images/cancle-white.png') no-repeat; position: absolute; right: 20px; top :20px;}
.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:var(--theme-secondary-bg); z-index: 999;}
.header .main-navigation.openMenu{left: 0;}
.header .top_nav, .header .header-call{ 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-right-col {padding:20px; background:#fff; margin-top:10px;}
.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; height: 48px; line-height: 48px; font-size: 16px; width: 100%; text-align: center;  margin-bottom: 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 0px #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;}
.after_login .logo-area{ width:80%;}
/*------------------------------------*/
.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 {font-size: 18px; padding-bottom: 10px;}
.links-widget-txt h2 {font-size: 14px;}
.welcome-text {padding-left: 20px;}
.after_login #outerMainDiv .inner_top_banner {margin-bottom:0px;}
.slds-grid.slds-wrap.section-div{margin-right:0px;}
.main .slds-button.custom-upload-btn {height: 38px; line-height: 38px; margin: 6px 0 0 0px;}
.inner_top_banner{display:none;}

.before_login .ewd-login-area > .slds {padding: 25px !important;}
.before_login .header { left: 0;  top: 0; width: 100%; position: relative; float: left; text-align: center; padding: 15px; background: #fff;}
.before_login .login-banner{display:none;}
.before_login .ewd-login-sec {padding: 0;}
.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, select {font-size:15px; height: 46px;}
.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: 40px 15px;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider {height:297px;}
.vertical-status .status-steps li {font-size: 14px;}
.after_login .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;}
.after_login .logo-area img {    max-height: 65px;}
.before_login .logo-area img{  max-height: 100px;}
.before_login .logo-area{ padding:0px;}
.footer-col.footer-logo img {    max-height: 75px;}
.header .menu-icon {margin-top: 22px;}
.header-call{margin:10px 0px;}
.before_login .menu-icon{display:none;}
.page-error-message { margin: 0; padding: 0;}
/*PD-6966*/
 /*ECS-96 WOLBI*/
 .vertical-status .status-steps li .icon-1, .vertical-status .status-steps li .icon-2 { position: absolute; }
 /* 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;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider {height: 286px;}
}

@media screen and (max-width:768px){
.links-widget-col {width: 100%;  margin: 0;}
/*.links-widget-box {width: 100%; margin: 0 0 15px 0px;}*/
.owl-carousel .links-widget-img img{width: 100%;}
.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 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;}
.vertical-status .status-steps li i svg {margin-top: 8px; width: 22px; height: 22px;}

.welcome-img {width: 100%; text-align: center;}
.welcome-text {width: 100%; padding: 0; text-align:left;}
.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: 60px 0px; margin-top: 15px;}
.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;}
.ewd-mid-sec {padding: 0px 5px;}
.vertical-status .status-steps li.active i svg {width: 25px; height: 25px; margin: 6px 0 0 0;}
.main .slds-button.custom-upload-btn {margin: 5px 0px 0 0px;  width: 100%; clear: both; position: relative !important;}
.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;}
.main .slds-form-element__control, .main textarea.slds-input, .main .slds .slds-form--horizontal .slds-form-element__control, .slds-form-element .slds-input, .RegisterPageInputTextStyle {font-size: 14px;}
.main .slds .slds-form-element__label {font-size: 13px;}
.links-widget-box {width: 100%; margin: 0 0 10px 0px;}
.after_login #outerMainDiv .sideBarMenu .side-bar-page-list-div li.side-bar-page-list #right {padding-left: 10px;}
.footer-col.footer-logo img{ margin-top:0px;}
.before_login .ewd-login-area {padding: 10px 5px;}
.before_login .ewd-login-area .slds {padding: 25px !important;}
.vertical-status .status-steps li .icon-1, .vertical-status .status-steps li .icon-2 { position: relative; }
.welcome-img {margin-bottom: 15px;}
.image-present .welcome-text {padding-left: 0;}
}

@media screen and (max-width:767px){
/*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;}
/*.main .slds-button, .main b.forgotPasswordLinkStyle, .main b.slds-truncatem .slds .slds-button--brand, .main .slds .slds-button, .main b.slds-truncate{width: 100%;}*/
#Google .fa-google, #Facebook .fa-facebook-f, #LinkedIn .fa-linkedin-in {width: 100%;}
}


@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;}
footer.footer {padding: 30px 0px;}
.main-slider-widget .owl-stage-outer, .home-slider-col .carousel-inner, erx-mainslider {height: 250px;}
.slds-picklist--draggable.slds-grid {    display: block;}
.slds-picklist--draggable .slds-form-element {    width: 100%;    display: block;}
.slds-picklist.slds-picklist--multi ul.picklist.slds-picklist__options{ width:100%;}
.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);}
}


@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: 200px;}
.after_login .header{ height: 70px; }
.after_login .main{padding-top:70px;}
body.HomepageBuilder .after_login .header, .header .overlay_menu, .header .main-navigation {top: 70px;}
.header-right-col{ padding:15px;}
.after_login .logo-area img {    max-height: 50px;}
.before_login .logo-area img{  max-height: 75px;}
.after_login .logo-area{ padding:10px 0 0 0px;}
/*.before_login .ewd-login-area .slds{ padding:35px !important;}*/
.header .menu-icon {margin-top: 15px;}
}

@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;}
.btn_login + a + a {display: block;}
.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: 1400px){
.before_login .ewd-login-area #outerMainDiv .main-form-div .sectionTitle {font-size: 40px;  margin-bottom: 15px;}
}
@media screen and (max-width: 990px){
.before_login .ewd-login-area #outerMainDiv .main-form-div .sectionTitle { font-size: 28px;}
}
/*PD-7709 - CSS for custom registration page end*/

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

@media (max-width:1279px){
.slds .slds-picklist__options {width: 150px;}
}

@media (max-width:991px){
.slds .slds-picklist__options {width: 200px;}
}
/*PD-8052 - CSS for picklist items in mobile end*/