@media(min-width:2600px){
.main{ max-width: 2500px; margin:auto; float:none; position:relative;}
header.header{max-width: 2500px;}
}


@media screen and (max-width:1600px){
.application-status ul.status-steps li{ font-size:16px;}
.cnslr-cont-row{ padding:0px 15px; font-size:15px;}
.counselor-name{ margin-bottom:40px;}
.links-widget-txt h2{ font-size:26px;}
.comn-tiles .title-tiles, .after_login .erx-checklist .checklist-title, .after_login .eventlisting .eventlist-title{ font-size:30px;}
.comn-tiles-inner p{ font-size:18px;}
.welcome-text p {font-size: 26px;}
.tiles_buton, .links-widget-box .btn-learn-more{ height:40px; line-height:40px;}
.tiles_buton:before, .links-widget-box .btn-learn-more:before{ border-bottom-width:40px;}
.tiles_buton:after, .links-widget-box .btn-learn-more:after{ border-top-width:40px;}
.after_login #outerMainDiv .main-form-div { width: calc(100% - 340px);}
.after_login #outerMainDiv .navigation-progess-bar-div{ width:340px;}
.after_login #outerMainDiv .main-form-div{ padding-bottom:40px;}
/*.comn-tiles.comn-widget{ height:260px;}
/*.comn-tiles.twitter-widget, .comn-tiles.Insta-widget{ height:631px;}
.comn-tiles.welcome-widget, .after_login erx-checklist {height: 440px;}*/
.welcome-img {width: 40%;  padding-right: 20px;}
/*PD-7771*/
.page-error-message {margin-left:370px;}
}

@media screen and (max-width:1400px){
.after_login #outerMainDiv .sideBarMenu a{ font-size:16px;}	
.main .slds-form-element__control, .main textarea.slds-input, .main .slds .slds-form--horizontal .slds-form-element__control, .main #outerMainDiv .main-form-container .slds-form-element__label, .RegisterPageLabelStyle, .sectionDescription{ font-size:14px;}	
.footer-social ul li a{ font-size:26px;}	
.after_login #outerMainDiv .main-form-div .sectionTitle.slds-text-heading--label{font-size: 28px;  margin-bottom:15px;}
.main-slider-widget {width: 102%; margin-left: -1.5%;}
.before_login .ewd-login-area .slds h1.slds-text-heading--small {font-size: 32px; margin-bottom:30px;}
.before_login .ewd-login-sec {padding-left: calc(100% - 435px);}
.before_login .login-banner {width: calc(100% - 435px);}
.before_login .ewd-login-area {padding: 40px;}
.before_login .ewd-login-area .slds-form-element .slds-input, .before_login .ewd-login-area .RegisterPageInputTextStyle {height: 44px !important;}
.before_login .main .slds .slds-form-element__label {font-size: 16px;}
.before_login .slds-form-element {margin-bottom: 20px;}
.main-slider-widget .owl-stage-outer {height: 447px;}
.footer-col.footer-address { width: 45%;}
.footer-mid {padding: 40px 10px;}
.footer-col.emailphone {font-size: 16px;}

.application-status ul.status-steps li i {width: 26px; height: 26px; text-align:right;}
.application-status ul.status-steps li i svg {width: 25px; height: 25px; /*margin-top: 21px;*/}
.application-status ul.status-steps li.active i svg {width: 26px; height: 26px; /*margin-top: 22px;*/}

.comn-tiles .title-tiles, .after_login .erx-checklist .checklist-title, .after_login .eventlisting .eventlist-title{ font-size:26px; margin-bottom: 15px;}
.cnslr-cont-row{ padding:0px 10px;}
.menu-icon{ width:42px;}
.cnslr-cont-row a{ padding-left:40px;}
.counselor-img {width: 160px;}
.counselor-img img{width: 160px; height: 160px;}
.counselor-wrap{ padding-top:0px;}
.counselor-name{ margin-bottom:15px;}
.comn-tiles-inner p{ font-size:16px; margin-bottom:15px;}
.nav-responsive.erx-checklist ul li span{ font-size:16px;}
.links-widget-txt h2, .counselor-name h2{ font-size:24px;}
.comn-tiles, .after_login div.erx-checklist, .after_login .eventlisting-widget, .after_login eventlisting, .after_login erx-checklist{ padding:25px;}
body, .eventlisting .table-responsive table tr td:nth-child(2){ font-size:14px;}
.eventlisting .table-responsive table tr td, .eventlisting .table-responsive table tr td:nth-child(2){ padding:7px 10px;}
.tiles_buton, .links-widget-box .btn-learn-more{ height:36px; line-height:36px; font-size:14px;}
.tiles_buton:before, .links-widget-box .btn-learn-more:before{ border-bottom-width:36px;}
.tiles_buton:after, .links-widget-box .btn-learn-more:after{ border-top-width:36px;}
.cnslr-cont-row i{ width:30px; height:30px; line-height:30px; margin-top:-2px;}
.header-cat-text{ padding:0px 15px;}
.main .slds-button--brand, .main .slds-button--neutral, .main b.forgotPasswordLinkStyle, .main b.slds-truncatem .slds .slds-button--brand, .main .slds .slds-button--brand, .main b.slds-truncate{ height: 36px; line-height: 36px; }
.main .slds-button--brand:before, .main .slds-button--neutral:before, .main b.forgotPasswordLinkStyle:before, .main b.slds-truncatem .slds .slds-button--brand:before, .main .slds .slds-button--brand:before, .main b.slds-truncate:before, .main .slds-button.custom-upload-btn:before, .before_login .slds .btn_login:before, .before_login .main .slds .submit-button:before {border-bottom-width:36px;}
.main .slds-button--brand:before, .main .slds-button--neutral:before, .main b.forgotPasswordLinkStyle:before, .main b.slds-truncatem .slds .slds-button--.main .slds-button--brand:after, .main .slds-button--neutral:after, .main b.forgotPasswordLinkStyle:after, .main b.slds-truncatem .slds .slds-button--brand:after, .main .slds .slds-button--brand:after, .main b.slds-truncate:after, .main .slds-button.custom-upload-btn:after, .before_login .slds .btn_login:after, .before_login .main .slds .submit-button:after{ border-top-width:36px;}
/*.comn-tiles.comn-widget {    height: 200px;}
.comn-tiles.welcome-widget, .after_login erx-checklist{ height:370px;}
.comn-tiles.assigned-counselor, .after_login eventlisting, .after_login #erx-content iframe {    height: 375px;}
.comn-tiles.twitter-widget, .comn-tiles.Insta-widget {height: 526px;}*/
.links-widget-img img {height: 300px;}
.welcome-text p {font-size: 24px;}
footer.footer {margin-top: -14px;}
.brandingBanner {max-height: 400px;}

.nav-responsive.erx-checklist ul li {min-height: 50px; padding-left: 60px; padding-top:10px;}
.nav-responsive.erx-checklist ul li .fa-li.fa-lg{width:45px;}
.nav-responsive.erx-checklist ul li .fa-li.fa-lg.fa-square-o:before, .nav-responsive.erx-checklist ul li .fa-li.fa-lg.fa-check-square-o:before {left: 18px;  top:8px;  width: 10px; height: 16px;}
.nav-responsive.erx-checklist ul li .fa-li.fa-lg.fa-square-o:after, .nav-responsive.erx-checklist ul li .fa-li.fa-lg.fa-check-square-o:after {left: 12px;  top: 35px; width: 20px;}
/* PD-8128 | Ghanshyam */
.vertical-status .status-steps li .icon-1, .vertical-status .status-steps li .icon-2{ top:0px;}
}


@media screen and (max-width:1279px){
.comn-tiles, .after_login .eventlisting-widget {padding: 15px;}
.comn-tiles .title-tiles, .after_login .erx-checklist .checklist-title, .after_login .eventlisting .eventlist-title {font-size: 22px;  margin-bottom: 15px;}
.counselor-name h2 {font-size: 22px;}	
.counselor-name h3, .cnslr-cont-row {font-size: 13px;}
.congrats-txt-wrap {padding: 30px 20px 40px 20px;}
.welcome-widget .comn-tiles-inner {font-size: 16px;}
.links-widget-txt h2 {font-size: 20px;}
.links-widget-txt{margin-top:5px;}
.after_login #outerMainDiv .main-form-div .sectionTitle.slds-text-heading--label{font-size: 24px;}
.before_login .main.two-colmn-form .sectionTitle {font-size: 24px; padding: 15px 0;}
.after_login #outerMainDiv .navigation-progess-bar-div {width: 320px;}
.after_login #outerMainDiv .main-form-div {width: calc(100% - 320px); padding: 0px 0px 40px 0px;}
.after_login .main-form-container {padding: 0px 20px 20px 20px;}
.inner_top_banner {margin-bottom: 5px;}
body {font-size: 14px;}	
.main-slider-widget {width: 101.5%; margin-left: -1.6%;}
.side-bar-page-list-div li.side-bar-page-list.selected-page input[type='checkbox']:after, .nav-responsive.erx-checklist ul li.selected-page .fa-li.fa-lg.fa-square-o:before {left: 13px; top: -15px;}
.footer-social ul li a{ font-size:30px;}
.cnslr-cont-row i{ width:22px; height:22px; line-height:22px; margin-top: 0px;}
.comn-tiles-inner p{ font-size:14px;}
.welcome-text p {font-size: 22px;}
.tiles_buton.view_events{ margin-top:10px;}
.cnslr-cont-row{ padding:0px 5px;}.cnslr-cont-row a{ padding-left:30px;}
/*.comn-tiles.welcome-widget, .after_login erx-checklist{ height:340px;}*/
.links-widget-col .owl-dots button.owl-dot {    width: 18px;    height: 18px;}
.links-widget-col .owl-dots button.owl-dot span {    width: 10px;    height: 10px;}
.main-slider-widget .owl-stage-outer {height: 500px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default{ padding-top:25px; padding-left:15px; padding-right:15px; padding-bottom:15px;}
.status-steps li br {display: block;}
.application-status ul.status-steps li i {vertical-align: top;}
.brandingBanner {max-height: 350px;}
/*.comn-tiles.assigned-counselor, .after_login eventlisting, .after_login #erx-content iframe {height: 350px;}*/

.links-widget-img img {height: 232px;}
/*.comn-tiles.twitter-widget, .comn-tiles.Insta-widget {height: 462px; margin-top: -14px;}*/
footer.footer {margin-top: -9px;}
/*PD-7771*/
.page-error-message {margin-left:340px;}
}
@media screen and (max-width:1200px){
.counselor-contact{flex-wrap: wrap;}	
.tiles_buton, .links-widget-box .btn-learn-more {    height: 32px;    line-height: 32px; font-size:13px; margin:0px 10px;}
.eventlisting .container-fluid .eventTableListing span.circleBase.letterW, .eventlisting .container-fluid .eventTableListing span.circleBase{ width: 18px;    height: 18px; line-height:18px;}
.tiles_buton:before, .links-widget-box .btn-learn-more:before{ border-bottom-width:32px;}
.tiles_buton:after, .links-widget-box .btn-learn-more:after{ border-top-width:32px;}
.cnslr-cont-row a{ padding-left:25px; }
.footer-nav ul li:first-child{ padding-left:0px;}
.main-slider-widget .owl-stage-outer {height: 450px;}
.logo-area a {    padding: 15px;}
.before_login .main .slds{ margin-top:-50px !important;}
.before_login .main .slds h1.slds-text-heading--small{ font-size:25px; margin-bottom:25px;}
}



@media screen and (max-width:991px){
.before_login .main .slds{ max-width:750px;}	
.application-status ul.status-steps li{ font-size:11px;}	
.counselor-img {width: 120px;}
.counselor-img img{width: 120px; height: 120px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default {padding:10px 0px;  width: 100%; margin-bottom:0px; border-bottom: 4px #fff solid;}
.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 !important; color: #000 !important;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; padding-left:15px;}
.after_login #outerMainDiv .main-form-div {width: 100%;padding-bottom: 40px;margin: 0px; padding-left:0px;}
.after_login .main-form-container {padding:0px 20px 20px 20px;}
.after_login #outerMainDiv .main-form-div{ min-height:inherit;}
.after_login #outerMainDiv .main-form-div .sectionTitle.slds-text-heading--label{font-size: 22px; padding: 15px;  margin: 0px -20px 5px -20px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default .navbar-toggle:after {content: "";float: right;border-left: solid 10px #000;border-top: solid 8px transparent;border-bottom: solid 8px transparent;z-index: 999999; margin-top: 6px;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);transform: rotate(90deg);}
.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;}
.copyright-text{ font-size:10px;}
.footer-col{ padding:0px 5px;}
body.HomepageBuilder .after_login .header {top: 60px;}
.footer-nav ul{ margin-bottom:5px;}
.counselor-name h2 {font-size: 18px;}
.application-status ul.status-steps li:last-child {margin-bottom: 0;}
.counselor-wrap {padding-top: 5px;}
.comn-tiles .title-tiles, .after_login .erx-checklist .checklist-title, .after_login .eventlisting .eventlist-title {font-size: 20px;}
.links-widget-txt h2 {font-size: 16px;}
.inner_top_banner { height:200px;}
.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;}

.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 {padding: 40px 15px; max-width: 600px;  margin: auto;}
.before_login .ewd-login-sec {padding-left: 0;}

.application-status ul.status-steps li{ font-size:11px;}
.nav-responsive.erx-checklist ul li span{ font-size:14px;}
.comn-tiles-inner p, body, .footer-col.emailphone{ font-size:13px;}
.footer-nav ul li{ padding-left:20px;}
.main-slider-widget .owl-stage-outer {height: 400px;}
.header-cat-icon svg {    width: 20px;    height: 20px;    margin-top: 5px;}
.header-cat-icon {    width: 40px;    height: 32px;    line-height: 30px;}
.header-cat-text {    padding: 0px 15px;    line-height: 30px;}
.menu-icon{ width:35px;}
.eventlisting .table-responsive table tr td, .eventlisting .table-responsive table tr td:nth-child(2) {    padding: 7px 5px;}
body, .eventlisting .table-responsive table tr td:nth-child(2){ font-size:13px;}
/*.after_login .eventlisting-widget, .after_login .Insta-widget {    height: 275px;}*/
.footer-logo, .footer .btn-viewmap{ display:none;}
.address-text{ width:100%; text-align:center;}.comn-tiles-inner p{ margin-bottom:10px;}
header a.header-cat-btn.call {    display: none;}
.footer-col.footer-address {    width: 33%;}
.footer-social ul li a{ padding:15px 20px; font-size:22px;}
.welcome-text p {font-size: 22px;}

/*.comn-tiles.welcome-widget, .after_login erx-checklist {height: 250px;}*/
.welcome-text {padding-left: 0;}
.welcome-text p {font-size: 20px;}
.brandingBanner {max-height: 300px;}
/*.comn-tiles.assigned-counselor, .after_login eventlisting, .after_login #erx-content iframe {height: 300px;}*/
.links-widget-col {margin-top: 0;}
.links-widget-img img {height: 227px;}
/*.comn-tiles.twitter-widget, .comn-tiles.Insta-widget {height: 450px;}*/

.nav-responsive.erx-checklist ul li {min-height: 40px; padding-left: 50px; padding-top:8px;}
.nav-responsive.erx-checklist ul li .fa-li.fa-lg{width:40px;}
.nav-responsive.erx-checklist ul li .fa-li.fa-lg.fa-square-o:before, .nav-responsive.erx-checklist ul li .fa-li.fa-lg.fa-check-square-o:before {left: 15px;  top: 5px;  width: 10px; height: 16px;}
.nav-responsive.erx-checklist ul li .fa-li.fa-lg.fa-square-o:after, .nav-responsive.erx-checklist ul li .fa-li.fa-lg.fa-check-square-o:after {left: 10px;  top: 28px; width: 20px;}
.logo-area img{ max-height:85px;}

.page-error-message { margin: 5px; padding: 0;}
}


@media screen and (max-width:768px){
.before_login .ewd-mid-sec .slds .slds-form-element{ width:100%; padding-right:0px;}
.before_login .main .slds h1.slds-text-heading--small{ font-size:22px; margin-bottom:20px;}	
.before_login .ewd-mid-sec{ padding:15px 30px; min-height:inherit;}
.before_login .main .slds{ margin-top:15px !important; padding:20px !important; margin-bottom:15px;}	
.main #outerMainDiv .main-form-container .slds-form-element__label, .RegisterPageLabelStyle{ margin-bottom:5px;}	
.after_login #outerMainDiv .main-form-div{ padding-bottom:15px;}	
.footer-col.emailphone{ margin:15px 0px;}	
.footer-mid {    padding: 25px 0px; display:inline-block;}
.footer-col.footer-nav {    text-align: center;    width: 100%; }
.footer-col.emailphone, .footer-col.footer-address{ width:100%; text-align: center; }
.footer-col.emailphone:before, .footer-col.emailphone:after{ content:none;}
.eventlisting .table-responsive{overflow: visible !important; border: 0px !important;}
.welcome-widget .comn-tiles-inner {font-size: 14px;}
.nav-responsive.erx-checklist ul li {font-size: 16px;}
.eventlisting > div {overflow: inherit !important;  max-height: inherit !important;}
/*.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-control {width: 30px; height: 30px; background-size: 100% !important;}
.carousel-indicators {bottom: 0px; margin-bottom:4px;}
.after_login #outerMainDiv .navigation-progess-bar-div .navbar-default .sideBarMenu {border: 0px;}
.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;}
.welcome-img {width: 100%; text-align: center; padding: 0; margin-bottom: 15px;}
.counselor-name h3 {font-size: 13px;}
.comn-tiles{padding:15px;}
.theme-2.ewd-none {margin: 0;}
.welcome-widget p {margin-bottom:15px;}
.main .slds-button.custom-upload-btn{width:100%; position:relative !important; top:0px; right:0px;}
.slds .slds-grid--pull-padded{margin-right: -12px;}
.main-slider-widget {width:100%; margin: 0px;}
.main-slider-widget .owl-stage-outer{height: 300px;}
.before_login .ewd-login-area .slds h1.slds-text-heading--small {font-size: 24px; margin-bottom: 20px;  padding-bottom: 15px;}
.main-slider-widget .owl-stage-outer {height: 350px;}
.after_login .eventlisting-widget, .after_login .Insta-widget {    height: inherit; margin-top:0px;}
.comn-tiles.welcome-widget, .comn-tiles.assigned-counselor, .links-widget-col, .comn-tiles.comn-widget, .comn-tiles.welcome-widget, .after_login erx-checklist, .after_login eventlisting {height: auto; margin-top:0px;}
.after_login #erx-content iframe{margin-top:0px; height:250px;}
.grid-stack-item{ margin-bottom:0px !important;}
iframe.tube-widget{ height:300px; margin-top:0px;}
footer.footer{ margin-top:-6px;}
.logo-area a {padding: 10px;}
.after_login .main-form-container .slds-form-element {margin-bottom: 10px;}
.before_login .main .slds .slds-form-element__label, .before_login .btn_login + a, .before_login .btn_login + a + a, a.back-to-login, .slds-form-element .slds-input, .RegisterPageInputTextStyle{ font-size:14px;}
.before_login .btn_login + a{ margin-left:0px;}
.before_login .main .slds.ewd-forgopass .submit-button input{ padding-left:15px;}
.before_login .ewd-mid-sec .slds .slds-form-element{ margin-bottom:20px;}

/*==========application-status===========*/
.application-status .comn-tiles{ padding:20px 0px;}
.application-status{margin-top:0px;}
.application-status ul.status-steps li {font-size: 13px;  height: auto;  padding:0px;  width: 20%; background: none !important; text-align: center; margin: 0px;}
.application-status ul.status-steps li i{position: relative; display:inline-block; width: 28px;  height: 28px; line-height: 28px; vertical-align: top; text-align:center; margin:0px;}
.application-status ul.status-steps li span{float: left; width: 100%; margin-top: 6px; line-height: normal;}
.application-status ul.status-steps li:before{display:none;}
.application-status ul li.active:after, .application-status ul li:before{ content:none;}
.application-status ul.status-steps li span {display: inline-block; width: 100%; float:none; color:var(--theme-primary-text-color); font-weight:600; max-width:100%;}
.application-status:before, .main-slider-widget:before{display:none;}
.application-status ul li:after{ content:none;}
.application-status ul.status-steps li.active i svg {width: 25px; height: 25px;}
/*==========application-status End==========*/
.after_login #erx-content { margin-top: 0 !important;}
.welcome-text p {font-size: 16px;}
.comn-tiles .title-tiles, .after_login .erx-checklist .checklist-title, .after_login .eventlisting .eventlist-title {margin-bottom: 8px !important;}
.links-widget-txt h2 {font-size: 14px; margin-bottom:15px;}


/*PD-6966*/
 /*ECS-96 WOLBI*/
 .vertical-status .status-steps li .icon-1, .vertical-status .status-steps li .icon-2 { position: relative;  left: 0;  top: 0;}
}


@media screen and (max-width:767px){
.main .slds-button--brand, .main .slds-button--neutral, .main b.forgotPasswordLinkStyle, .main b.slds-truncatem .slds .slds-button--brand, .main .slds .slds-button--brand, .main b.slds-truncate{width: 100%; height: 32px; line-height: 32px; padding:0px 15px; font-size: 14px;}
.main .slds-button--brand:before, .main .slds-button--neutral:before, .main b.forgotPasswordLinkStyle:before, .main b.slds-truncatem .slds .slds-button--brand:before, .main .slds .slds-button--brand:before, .main b.slds-truncate:before, .main .slds-button.custom-upload-btn:before, .before_login .slds .btn_login:before, .before_login .main .slds .submit-button:before {border-bottom-width:32px;}
.main .slds-button--brand:before, .main .slds-button--neutral:before, .main b.forgotPasswordLinkStyle:before, .main b.slds-truncatem .slds .slds-button--.main .slds-button--brand:after, .main .slds-button--neutral:after, .main b.forgotPasswordLinkStyle:after, .main b.slds-truncatem .slds .slds-button--brand:after, .main .slds .slds-button--brand:after, .main b.slds-truncate:after, .main .slds-button.custom-upload-btn:after, .before_login .slds .btn_login:after, .before_login .main .slds .submit-button:after{ border-top-width:32px;}
/*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;}


.footer .ftr-adrs a{ font-size:16px;}
.main .slds .slds-lookup[data-select=single] .slds-pill .slds-button{width:auto !important;}
.after_login eventlisting {border-top: solid 1px #fff;}
#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(../images/HomepageBrandingMobLogo.png) left top no-repeat !important;}
.erx-grid-toolbar { margin: 0 2px 0 2px !important;}
.gt-grid-control{padding:8px; height: 54px;}
body.HomepageBuilder .after_login .header {top: 54px;}
.main-slider-widget .owl-stage-outer{height:250px;}
.logo-area img {max-height: 70px;}
.menu-area, .menu-title{ padding:15px;}
.menu-area ul{    margin-bottom: 15px;    padding-bottom: 15px;}
.logo-area{ max-width:60%;}
}

@media screen and (max-width:479px){
.logo-area{ line-height:inherit; max-width:52%;}	
.eventlisting .table-responsive table thead {display: none;}
.application-status ul.status-steps li{font-size: 10px;}
.main-slider-widget .owl-stage-outer{height:200px;}
.menu-icon {    width: 26px; margin-left:0px;}
header.header{ padding:10px;}
.application-status ul.status-steps li i svg, .application-status ul.status-steps li.active i svg {    width: 22px;    height: 22px;}
.logo-area a {    padding: 0px 0px;}
header.header {    padding: 10px;    height: 75px;    background: var(--theme-primary-bg-color);}
.main{ padding-top:70px;}
iframe.tube-widget{ height:250px;}
.inner_top_banner {    height: 150px;}
.slds-form-element .slds-input, .RegisterPageInputTextStyle, .main .slds .slds-select{ padding-left:5px;}
.before_login .ewd-mid-sec{ padding:5px 20px;}
.before_login .ewd-mid-sec .slds .slds-form-element {    width: 100%;    padding-right: 0px;  margin-bottom:15px;}
.before_login .main .slds a.back-to-login, .before_login .main .slds .submit-button, .before_login .main .slds a.back-to-login, .before_login .main .slds.ewd-forgopass a.back-to-login {    width: 100%;    margin-left: 0px;    margin-right: 0px; margin-top:20px; }
.before_login .slds .btn_login{ width:100%; margin-bottom:15px; margin-left:0px;}
.logo-area img {    max-height: 55px;}
.header-cat-btn{ margin-right:10px;}.header-cat-icon{ width:30px;}
.lout .header-cat-icon {display: none;}
.lout .header-cat-btn {background: #fff;}
.before_login .ewd-mid-sec {padding: 5px;}
.eventlisting .table-responsive table tr td { display: block; text-align: left !important; margin: 0 !important; }
.before_login .logo-area {float: left;max-width: inherit;}
}

@media screen and (max-width:360px){
.application-status ul.status-steps li{font-size:9px;}
.gt-grid-control:before { background-size:40px 27px; left: 10px; top: 14px;}
.main-slider-widget .owl-stage-outer{height:175px;}
}

/*PD-7709 - CSS for custom registration page start*/
@media screen and (max-width: 1200px){
.before_login #outerMainDiv .main-form-div .sectionTitle {font-size: 25px;  margin-bottom: 15px;  padding: 5px 5px 5px 0px;}
}
@media screen and (max-width: 768px){
.before_login #outerMainDiv .main-form-div .sectionTitle {font-size: 20px;}
.before_login .main .slds {max-width: 100%;width: 100%;}
.before_login .ewd-mid-sec {padding: 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: 175px;}
}

@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*/
