@media screen and (max-width:1400px){
.vertical-status .status-steps li {height: 66px; padding: 22px 10px 0 85px;}	
.welcome-widget p, .welcome-widget {font-size: 24px;}
.main-slider-widget .owl-stage-outer, erx-mainslider {height: 400px;}
.ewd-mid-sec, .container{max-width: 1200px;}
.slds .slds-picklist__options{width: 210px;}
.after_login #outerMainDiv .main-form-div{ padding-left:20px;}
.home-slider-col .carousel-inner { height: 385px; }
}

@media screen and (max-width:1200px){
.comn-tiles .title-tiles, .after_login .erx-checklist .checklist-title, .after_login .eventlisting .eventlist-title {font-size: 20px;}	
.counselor-img {width: 110px;}
.counselor-img img{width: 110px; height: 110px;}
.counselor-name {padding-left:15px;}	
.counselor-name h2 {font-size: 20px; padding-bottom:8px;}	
.counselor-name h3 {font-size: 14px;}	
.congrats-txt-wrap {padding: 30px 20px 40px 20px;}
.vertical-status .status-steps li {font-size: 16px;  height: 64px; padding: 22px 5px 0 85px;}
.welcome-widget .comn-tiles-inner {font-size: 16px;}
.header .main-navigation .main-nav li a {padding: 10px 20px; font-size: 16px;}	
.top_nav {padding-top: 10px;}
.owl-carousel .links-widget-txt h2 {font-size: 18px;  margin-bottom:8px;}
.welcome-widget p, .welcome-widget {font-size: 22px;}
.main-slider-widget .owl-stage-outer, erx-mainslider {height: 384px;}
.counselor-wrap {padding: 40px 0px 46px 0px;}
/*=============*/
.header .main-navigation{margin:0px -15px;}
.header .main-navigation:before, .header .main-navigation:after{display:none;}
.after_login #outerMainDiv .navigation-progess-bar-div{ width:300px;}
.after_login #outerMainDiv .main-form-div{width:calc(100% - 300px);}
.after_login .main-form-container{padding: 0px 15px 20px 15px;}
.slds .slds-picklist__options{width: 180px;}
.slds-picklist--draggable .slds-grid--vertical button.slds-button--icon-container{ margin: 5px 10px !important;}
.home-slider-col .carousel-inner { height: 370px; }
.overlay-txt {top: 20px;}
.after_login #outerMainDiv .main-form-div .sectionTitle.slds-text-heading--label, .before_login .main.two-colmn-form .sectionTitle{ padding:15px 15px 15px 15px; margin:0px 0px 25px 0px;}
}

@media screen and (max-width:991px){
.counselor-wrap {    padding: 20px 0px 26px 0px;}	
.comn-tiles.assigned-counselor, eventlisting .eventlisting{ min-height:inherit;}
.counselor-contact .cnslr-cont-row{ margin:6px 0px;}	
body {font-size: 14px;}	
.footer-wrap {padding: 0px 40px 40px 40px;}
.ftr-logo{width: 220px;}	
.ftr-contact-dtl {font-size: 18px;}	
.before_login .main .slds h1.slds-text-heading--small {font-size: 30px; padding:10px 0px 25px 0px; margin: 0px -25px 35px -25px;}	
.before_login .header-top-wrap {padding: 10px 0px;}
.before_login .main .slds {padding: 15px 25px 25px 25px !important;}	
.ftr-adrs {font-size: 18px;}
.copyright {font-size: 14px;}	
.footer-top {padding: 15px 25px; margin-top: -25px;}	
.footer-top:before {left: -25px;  top: -25px;  border-bottom: solid 25px #333;  border-top: solid 25px transparent;  border-left: solid 25px transparent;}
.footer-top:after {right: -25px;  top: -25px;  border-bottom: solid 25px #333;  border-top: solid 25px transparent;  border-right: solid 25px transparent;}	
.before_login .header {margin-bottom: 40px;}
.before_login footer {padding: 60px 0 0 0px;}	
.nav-responsive.erx-checklist ul li {font-size: 18px;}
.counselor-img {width: 80px;}
.counselor-img img{width: 80px; height: 80px; border-width:4px;}
.counselor-name {padding-left:12px;}
.cnslr-cont-row {padding-left: 40px; font-size: 14px;}
.counselor-contact {padding: 10px 15px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default {padding:10px 15px;  width: 100%; margin-top:20px;}
.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:18px;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, .before_login .main.two-colmn-form .sectionTitle {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: 6px;}
.vertical-status .status-steps li {font-size: 14px; padding: 20px 5px 0 68px;}
.welcome-widget .comn-tiles-inner {font-size: 14px;}
.logo-area .logo-sub-heading {font-size: 16px;}
.owl-carousel .links-widget-txt h2 {font-size: 16px;}
.owl-carousel .links-widget-txt {padding: 4px;}
.vertical-status .status-steps li i {left: 14px;  top: 14px;}
.vertical-status .status-steps li i svg {width: 25px; height: 25px;}
.ewd-mid-sec {padding: 0 5px;}
.overlay-txt {top: 10px;}
.page-error-message { margin: 0; padding: 0;}
.before_login .main.two-colmn-form .main-form-div {max-width: 94%;}
}

@media screen and (max-width:900px){
.vertical-status .status-steps li {padding: 20px 5px 0 60px;}
.vertical-status .status-steps li i {left: 10px;}
.vertical-status .status-steps li i svg {width: 25px; height: 25px;}
}

@media screen and (max-width:768px){
.footer .ftr-adrs a{ float:none;}	
.overlay-txt { top: 20%;}	
.links-widget-col { width: 100%;  margin-left: 0;}	
.links-widget-box { width: 100%;  margin: 0 0 10px 0px;}
.before_login .main .slds{width: 94%; max-width: inherit; padding: 15px 20px 20px 20px !important;}
.before_login .logo-area {width: 200px;}
.footer-wrap{text-align: center;}	
.ftr-logo {width: 200px;  float: none;  display: inline-block;}	
.ftr-contact-dtl {font-size: 15px;  text-align: center;  width: 100%;}
.ftr-adrs-wrap {padding:12px 0px 0px 0px;  text-align: center;}	
.ftr-adrs{width: 100%; margin-bottom: 14px; font-size: 14px;}
.ftr-social{ width: 100%; text-align: center;}
.copyright {padding: 15px 0 0 0px; font-size: 13px;}	
.footer-wrap {padding:15px;}	
.footer-top {padding:10px;  margin-top:0px;}	
.footer-top:before, .footer-top:after{display: none;}
.before_login .main .slds h1.slds-text-heading--small {font-size: 25px;  padding: 10px 0px 20px 0px;  margin: 0px -20px 25px -20px;}
.before_login .header {margin-bottom: 30px;}
.before_login footer {padding: 40px 0 0 0px;}
footer {padding: 10px 0 0 0px;}
.header .logo-area { width: 85%;}
.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;}
.header-top-wrap {padding:8px 0px;}
.after_login .header .header-top-wrap {    padding: 10px 0px 0px 0px;}
.application-status .padT15 { padding-top: 0px; }
.tiles_buton:after{display: none;}
.tiles_buton {right: 0px; bottom: 0px; float: right; position: relative; margin: 0 15px 15px 0px;}
/*.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 .padd-20{padding:15px 8px !important;}
.welcome-widget .padd-20{padding: 15px;}
.padd-20{padding: 15px;}
.eventlisting .table-responsive{overflow: visible; border: 0px;}
.welcome-widget .comn-tiles-inner {font-size: 16px;}
.nav-responsive.erx-checklist ul li {font-size: 16px; padding-top: 4px; padding-left: 45px;}
.eventlisting > div {overflow: inherit;  max-height: inherit;}
.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;}
.comn-tiles .title-tiles, .after_login .erx-checklist .checklist-title, .after_login .eventlisting .eventlist-title {font-size: 18px; padding: 8px 8px 8px 15px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default .sideBarMenu {border: 0px;}
.before_login .main .slds.two-colmn-form {padding: 20px;}
.vertical-status .status-steps li {font-size: 13px;  height: auto;  padding:0px;  width: 20%; background: none !important; text-align: center; margin: 0px;}
.vertical-status .status-steps li i{position: relative; width: 45px; height: 45px; left: 0px; top: 0px; vertical-align: top; display:inline-block; padding:0px 2px; background:#a9aaab;}
.vertical-status .status-steps li.active i{background:var(--theme-primary-bg-color);}
.vertical-status .status-steps li span{float: left; width: 100%; margin-top: 6px; color: #707070; line-height: normal;}
.vertical-status .status-steps li.active span{color: var(--theme-primary-bg-color);}
.vertical-status .status-steps {padding: 15px 8px;}
.vertical-status .status-steps li br{display: block;}
.home-slider-col .carousel-inner {margin-top: 0px;}
.logo-area .logo-sub-heading {font-size: 14px;}

body.HomepageBuilder .after_login .header {top: 58px;}
.vertical-status .status-steps li i svg {margin-top: 8px;}
/*.welcome-widget .comn-tiles-inner {display: block;}*/
.welcome-img {width: 100%; text-align: center; margin-bottom: 15px;}
.welcome-text {width: 100%;}
.counselor-name h3 {font-size: 13px;}
.welcome-widget p, .welcome-widget {font-size: 16px;}
.main-slider-widget .owl-stage-outer, erx-mainslider {height: 300px;}

/*======= 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) 7px 11px no-repeat; background-size: 26px;float: right; margin-top:10px;}
.header .menu-icon.active {width: 40px;  height: 40px;  background:#fff url('../images/cross.png') 7px 11px no-repeat; background-size: 26px;}
.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:#333e48; z-index: 999; margin:0px;}
.header .main-navigation.openMenu{left: 0;}
.header-top-wrap .top_nav{display:none !important;}
.header .main-navigation .top_nav{display:block; width:100%; padding:0px;}
/*======= MOBILE MENU CSS END =======*/

.header .main-navigation:before, .header .main-navigation:after{display:none;}
.header .main-navigation .main-nav li {border: 0; width: 100%; margin:0px; background:none;}
.top_nav .top_links { float: left; padding-top: 0; width: 100%;}
.header .main-navigation .main-nav li a {padding: 10px 0px; font-size: 15px;  width: 100%;}
.link_logout {padding: 8px; width: 100%; text-align: center;}
.header .main-navigation .main-nav li a:hover, .header .main-navigation .main-nav li.active a {background: none; border-bottom: solid 1px rgba(0, 0, 0, 0.2);}
.main .slds .slds-form-element__label {font-size: 13px;}
.main .slds .slds-button.custom-upload-btn {margin:5px 0px 0 0px; width:100%; clear:both; position:relative !important;}
.home-slider-col .carousel-inner {    height: 250px; }
.horizontal-status .status-steps li .icon-1 {left: 7px; top: 8px; width:32px;}
.horizontal-status .status-steps li .icon-2 {left: 7px;  top: 8px;  width: 32px;}
.vertical-status .status-steps li a {    color: #444444;}
.before_login .main b.slds-truncate{ display:block;}
.header .logo-area img{ max-height:70px;}
.header .logo-area i, .header .logo-area span.logo-txt {    margin-top: 10px;}

 /*ECS-96 WOLBI*/
 .vertical-status .status-steps li .icon-1, .vertical-status .status-steps li .icon-2 { position: relative;  left: 0;  top: 0;}
 .after_login .eventlisting {padding-bottom: 0px;}
 .image-present .welcome-text {padding-left: 0px;}
}
@media screen and (max-width:767px){
 .main .slds-button--brand, .main .slds-button--neutral, .main b.slds-truncatem .slds .slds-button--brand, .main .slds .slds-button--brand{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%; vertical-align: top; margin:0 0 10px 0px !important;}
.footer .ftr-adrs a{ font-size:16px;}
.main .slds .slds-form-element__label {font-size: 13px;}
.main .slds .slds-lookup[data-select=single] .slds-pill .slds-button{ width:auto !important;}
#Google .fa-google, #Facebook .fa-facebook-f, #LinkedIn .fa-linkedin-in {width: 100%;}
.back-to-login b { width: 100%; }
.btn_register, .back-to-login, .submit-button + .back-to-login, .submit-button, .btn_login {float: right; margin:10px 0 10px 0; width: 100%;}
.submit-button{margin-top: 15px;}
.submit-button + .back-to-login {margin: 0px;}
.activityCheckboxAllign {padding: 0 0 5px 0;}
}		

@media screen and (max-width:640px){
.before_login .main .slds{width: 92%;}
.congrats-txt-wrap {padding:30px 20px;}	
.congrats-txt {font-size: 16px;}
.logo-area span.logo-txt {font-size: 16px;}
.logo-area i {font-size: 32px;}
.vertical-status .status-steps li i {width: 38px;  height: 38px; line-height: 38px; vertical-align: top;}
.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;}
.vertical-status .status-steps li i svg {margin-top: 6px;}
.main-slider-widget .owl-stage-outer, 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);}
.horizontal-status .status-steps li .icon-1 {left: 5px; top: 6px;  width: 28px;}
.horizontal-status .status-steps li .icon-2 {left: 4px;  top: 6px;  width: 30px;}
}

@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 !important;  width: 100% !important;}
.vertical-status .status-steps li{font-size: 10px;}
.vertical-status .status-steps {padding: 15px 0px;}
.eventlisting .table-responsive table tr td:nth-child(2){width: auto !important; margin: 0px;}
.vertical-status .status-steps li i svg {width: 22px; height: 22px; margin-top:7px;}
.counselor-wrap {float: left;  width: 100%;  display: block; padding: 5px 0px 15px 0px;}
.main-slider-widget .owl-stage-outer, erx-mainslider {height: 200px;}
.main .slds .slds-button.custom-upload-btn {margin:5px 0px 0 0px; width:100%; clear:both;}
.before_login .main .slds h1.slds-text-heading--small {font-size: 22px;}
.home-slider-col .carousel-inner {height: 160px;}

.after_login .header{height: 70px;}
.after_login .main{padding-top:70px;}
.header .main-navigation, .header .overlay_menu{ top:70px;}
.header .menu-icon, .header .logo-area i, .header .logo-area span.logo-txt {    margin-top: 5px;}
.header .logo-area img { max-height: 50px;}
.after_login .header .header-top-wrap{ line-height:50px;}
.after_login .header .logo-area{ width:80%;}
.before_login .header .logo-area img{ max-height:75px;}
}

@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, erx-mainslider {height:150px;}
}